Searching.ton
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

47 lines
1.2 KiB

import { Suspense } from "react"
import Layout from "app/core/layouts/Layout"
import { Routes, BlitzPage } from "@blitzjs/next"
import Search from "app/core/pages/Search"
import { ErrorBoundary } from "@blitzjs/next"
import { gSSP } from "app/blitz-server"
import {
serverSideProps,
ServerSidePropsContext,
} from "app/core/contextProviders/serverSidePropsProvider"
import ContextProviders from "app/core/components/ContextProviders"
function ErrorFallback({ error, resetErrorBoundary }) {
return (
<div role="alert">
<p>Something went wrong:</p>
<pre>{error.message}</pre>
<button onClick={resetErrorBoundary}>Try again</button>
</div>
)
}
const SearchPage: BlitzPage = (props) => {
// const currentUser = useCurrentUser()
return (
<ErrorBoundary
FallbackComponent={ErrorFallback}
onReset={() => {
// reset the state of your app so the error doesn't happen again
}}
>
<ContextProviders contextParamsServer={props}>
<Layout title="Searching">
<Suspense fallback="Loading....">
<Search />
</Suspense>
</Layout>
</ContextProviders>
</ErrorBoundary>
)
}
export const getServerSideProps = gSSP(serverSideProps())
export default SearchPage