diff --git a/app/pages/docs/usage-next-13.mdx b/app/pages/docs/usage-next-13.mdx index c2acf41d..72bfebda 100644 --- a/app/pages/docs/usage-next-13.mdx +++ b/app/pages/docs/usage-next-13.mdx @@ -29,6 +29,12 @@ Add the new `use client` directive to the following files: 1. `src/blitz-client.(ts|js)` 2. All Files with usage of `useQuery`, `useInfiniteQuery`, `usePaginatedQuery`, `useMutation`, `Hydrate` and other React Query client side hooks. +#### Migrate `` to `loading.tsx` + +In the `/pages` folder, page components are split in two to manually add a `` boundary ([Example](https://github.com/blitz-js/blitz/blob/main/packages/generator/templates/page/__modelIdParam__.tsx#L84-L86)). + +Following the `/app` folder [file conventions](https://nextjs.org/docs/app/building-your-application/routing#file-conventions) this logic can be migrated to [special `loading.tsx` files](https://nextjs.org/docs/app/building-your-application/routing/loading-ui-and-streaming) within each subfolder. + #### BlitzProvider {#blitz-provider} This provider should wrap the app and should be placed at the `(root)/layout.ts` file.