[Feature]: @suspensive/page & deprecate wrap

[manudeli]

Package Scope

@suspensive/react, etc

Description

const App = () => {
  return (
    <PageProvider adapter={reactRouteDomAdapter}>
      <Switch>
        <Route path={UserPage.route({ userId: ':userId' })} component={UserPage} />
      </Switch>
    </PageProvider>
  )
}

const UsersPage = page(({ userId }: { userId: number }) => `/users/${userId}`)({
  errorFallback: () => <Box.Error>Failed to load user</Box.Error>,
  loadingFallback: <Spinner />,
  queryParamsParse: z.object({
    user_id: z.coerce.number(),
  }).parse,
  loader: async ({ queryParams }) => {},
  component: ({ queryParams, loadedData }) => {
    return <Deep />
  },
})

const Deep = () => {
  const router = useRouter()
  const queryParams = UserPage.useQueryParams()

  const handleClickRouteButton = router.push(UserPage.route({ userId: user_id }))

  return <></>
}

Possible Solution

No response

etc.

No response