2022-07-14
2749
#react
Abdulazeez Abdulazeez Adeshina
11974
Jul 14, 2022 ⋅ 9 min read

Using Suspense and React Query: Tutorial with examples

Abdulazeez Abdulazeez Adeshina Software enthusiast, writer, food lover, and hacker.

Recent posts:

Windsurf vs. Cursor: When to choose the challenger

Windsurf AI brings agentic coding and terminal control right into your IDE. We compare it to Cursor, explore its features, and build a real frontend project.

Chizaram Ken
Jul 31, 2025 ⋅ 9 min read

The CSS if() function: Conditional styling will never be the same

The CSS Working Group has approved the if() function for development, a feature that promises to bring true conditional styling directly to our stylesheets.

Ikeh Akinyemi
Jul 30, 2025 ⋅ 12 min read
what's new in next js 15.4

Next.js 15.4 is here: What’s new and what to expect

Next.js 15.4 is here, and it’s more than just a typical update. This version marks a major milestone for the framework and its growing ecosystem.

Abiola Farounbi
Jul 29, 2025 ⋅ 6 min read
React logo over a dark blue abstract background with glowing network nodes and connections

Build interactive React UIs for LLM outputs using llm-ui

If you’re building an LLM-powered application, llm-ui is a powerful tool to help you add structure, flexibility, and polish to your AI interfaces.

Emmanuel John
Jul 29, 2025 ⋅ 9 min read
View all posts

4 Replies to "Using Suspense and React Query: Tutorial with examples"

  1. your app file is leaving me bugs.

    react-dom.development.js:28439 Uncaught Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it’s defined in, or you might have mixed up default and named imports.

    Check the render method of `App`.
    at createFiberFromTypeAndProps

    super annoying after making it halfway through this and coding along for an hour…

  2. You need to update this article… otherwise the App/index.js file breaks. took me a solid hour to fix this. this is the same in v3 and v4

    const queryClient = new QueryClient({
    defaultOptions: {
    queries: {
    suspense: true,
    },
    },
    });

Leave a Reply