Unable to read properties of a Media file type in ReactJS using GraphQL

I am currently learning Strapi (using V4) and using ReactJS for the frontend and using GraphQL to query the CMS to get data back from it.

I have a single content type which stores a Media object amongst other things called logo, and am attempting to access that logo using GraphQL. In the image you can see how I have set up my Apollo client to use GraphQL

Whenever I try to execute this query and access the logo through data.attributes.logo… I get this following error

However, when executing the same GraphQL command on the GraphQL playground I get a correct response, and also in the console log the returned data object has the logo inside it. So I am confused as to why this error is being thrown and how to resolve it to be able to access the img url for the webpage?

Any help would be greatly appreciated!