diff --git a/app/src/app/layout.tsx b/app/src/app/layout.tsx
index 58f55066b..88f07c591 100644
--- a/app/src/app/layout.tsx
+++ b/app/src/app/layout.tsx
@@ -1,4 +1,5 @@
import { Metadata, Viewport } from 'next'
+import { Suspense } from 'react'
import SocialSharingImage from 'src/app/_components/layouts/assets/og-image-default.jpg'
import { BlitzProvider } from 'src/blitz-client'
import './_components/layouts/global.css'
@@ -43,7 +44,9 @@ export default function RootLayout({ children }: { children: React.ReactNode })
- {children}
+
+ {children}
+
diff --git a/app/test/utils.tsx b/app/test/utils.tsx
index 73f64efea..a3f1996c9 100644
--- a/app/test/utils.tsx
+++ b/app/test/utils.tsx
@@ -1,11 +1,12 @@
-import { vi } from "vitest"
-import { render as defaultRender } from "@testing-library/react"
-import { renderHook as defaultRenderHook } from "@testing-library/react-hooks"
-import { NextRouter } from "next/router"
-import { BlitzProvider, RouterContext } from "@blitzjs/next"
-import { QueryClient } from "@blitzjs/rpc"
+import { BlitzProvider, RouterContext } from '@blitzjs/next'
+import { QueryClient } from '@blitzjs/rpc'
+import { render as defaultRender } from '@testing-library/react'
+import { renderHook as defaultRenderHook } from '@testing-library/react-hooks'
+import { NextRouter } from 'next/router'
+import { Suspense } from 'react'
+import { vi } from 'vitest'
-export * from "@testing-library/react"
+export * from '@testing-library/react'
// --------------------------------------------------------------------------------
// This file customizes the render() and renderHook() test functions provided
@@ -31,14 +32,14 @@ export * from "@testing-library/react"
const queryClient = new QueryClient()
export function render(
ui: RenderUI,
- { wrapper, router, dehydratedState, ...options }: RenderOptions = {}
+ { wrapper, router, dehydratedState, ...options }: RenderOptions = {},
) {
if (!wrapper) {
// Add a default context wrapper if one isn't supplied from the test
wrapper = ({ children }: { children: React.ReactNode }) => (
- {children}
+ {children}
)
@@ -59,14 +60,14 @@ export function render(
// --------------------------------------------------
export function renderHook(
hook: RenderHook,
- { wrapper, router, dehydratedState, ...options }: RenderOptions = {}
+ { wrapper, router, dehydratedState, ...options }: RenderOptions = {},
) {
if (!wrapper) {
// Add a default context wrapper if one isn't supplied from the test
wrapper = ({ children }: { children: React.ReactNode }) => (
- {children}
+ {children}
)
@@ -75,10 +76,10 @@ export function renderHook(
}
export const mockRouter: NextRouter = {
- basePath: "",
- pathname: "/",
- route: "/",
- asPath: "/",
+ basePath: '',
+ pathname: '/',
+ route: '/',
+ asPath: '/',
query: {},
isReady: true,
isLocaleDomain: false,