🎤 Builder Talk: The Story Behind Lady Gaga’s Digital Experience – Register now

Fetch Error - Cannot Read Property 'Map' of Null

3 replies
Last updated: Jun 10, 2021
I'm having problem with my fetch and I'm trying to figure out what the problem is. I get 'cannot read property 'map' of null, and at least I know that I query right because I get the right items when I test in the Vision view. So that's not the problem.This is my code where I just tried to map anything at all:
Jun 10, 2021, 3:07 PM
I would guess that you're trying to access
category
before the fetch is done.
category
is null, and your code will run top to bottom without waiting on the previous item (as JS is aync). So the fetch fires, but the rest is run immediately after while fetch is still waiting.
Before your return you can do something like
if ( category == null ) { return 'Loading...' }
Once the fetch finishes and the category is no longer null, the main return should then render.
Jun 10, 2021, 3:14 PM
Hello, try
{category?.map(...)}
and probably you need
&&
before
references(...)
in the query
Jun 10, 2021, 3:14 PM
Thank you 🎯Amazed by the helpful attitude here
🤗
Jun 10, 2021, 3:19 PM

Sanity– build remarkable experiences at scale

Sanity is a modern headless CMS that treats content as data to power your digital business. Free to get started, and pay-as-you-go on all plans.

Was this answer helpful?

Related answers

Get more help in the community Slack

TopicCategoriesFeaturedRepliesLast Updated
Hey all - what’s the quickest way to batch delete all documents of a certain type? It looks like the `sanity` cli tool allows...Jan 29, 2021
In the tutorial, there is samples of what the API returns as JSON. Is there a way to view these ?Jan 11, 2021
Warning: Data for Page Exceeds the Threshold of 128 kBAug 17, 2022
Custom Document Views - Is it Even Possible to Use the Structure Builder?Apr 21, 2022
How to get the number of nested/children components in a GROQ query.Jan 19, 2024
Issue with fetching data from an array of references and non-references in a groq query.Dec 14, 2023
GraphQL query resolving references on a _raw field in GatsbyMay 17, 2022
GROQ query for getting references from arrays in another array in Sanity.ioApr 9, 2020
How to fetch an array of images using groq in Sanity.ioMay 21, 2023
Is there a way to write a groq query that checks if a boolean is true, and if so, returns an array of referenced documents?...Feb 1, 2021

Related contributions

Turbo Start Sanity
- Template

The battle-tested Sanity template that powers Roboto Studio's websites

Go to Turbo Start Sanity

Schema UI - Next.js Sanity Starter
- Template

A Next.js starter template with Next.js 15, Tailwind CSS, shadcn/ui, and Sanity CMS with Live Editing. Get production-ready React components with matching Sanity schemas and queries. Build dynamic pages faster while keeping full control over customization.

Serge Ovcharenko
Go to Schema UI - Next.js Sanity Starter

The Swaddle
- Made with Sanity

A new brand identity to represent a more mature company, to signify The Swaddle’s evolution from publisher to production house, combined with an easier to navigate platform that can surface multiple content types - drawing readers through The Swaddle’s content offering.

Nightjar
Go to The Swaddle