How to fetch date by Query Apollo?

My problem is that I cannot see any date I try to fetch.

component.js

render(){
return (
  <Query query={QueryCategories}>
           {({ data }) => {
            console.log("data", data)
            return(
              data.map((m)=> <p>{m}</p>)
            )
           }}
</Query>)}

query.js

import { gql } from "@apollo/client";

export  const QueryCategories = gql`
  query getCategories {
    categories {
      name
    }
  }
`;

index.js

import { ApolloClient, InMemoryCache } from '@apollo/client';

const cache = new InMemoryCache({
  typePolicies: {
    AttributeSet: {
      keyFields: false,
    },
    Attribute: {
      keyFields: false,
    },
  },
});

const client = new ApolloClient({
  uri: 'http://localhost:4000',
  cache,
});

My main goal is give it as props to another component and connect to redux