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:

Handling File Uploads In Next.js Using UploadThing

Handling file uploads in Next.js using UploadThing

Manage file uploads in your Next.js app using UploadThing, a file upload tool to be used in full-stack TypeScript applications.

Jude Miracle
Jun 21, 2024 ⋅ 15 min read
Exploring Advanced Support For Vite 5 In Storybook 8

Exploring advanced support for Vite 5 in Storybook 8

Explore the latest updates in Storybook 8, focusing on its improved support for Vite 5 as a build tool.

Will Soares
Jun 20, 2024 ⋅ 5 min read
Using Next Js With React Suspense To Create A Loading Component

Using Next.js with Suspense to create a loading component

Next.js 13 introduced some new features like support for Suspense, a React feature that lets you delay displaying a component until the children have finished loading.

Suraj Vishwakarma
Jun 19, 2024 ⋅ 9 min read
Exploring Angular 18's Redirectcommand Class And Let Block

Exploring Angular 18’s RedirectCommand class and @let block

Angular’s latest update brings greater control over redirects and the ability to define and assign variables within the template.

Lewis Cianci
Jun 19, 2024 ⋅ 6 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