T
TanStack•13mo ago
vicious-gold

Issue with $id param in page

Property 'cameraId' does not exist on type 'Record<never, string>'. 
export const Route = createFileRoute(
  "/_authenticated/(camera-layout)/dashboard/camera/$cameraId/"
)({
  params: {
    parse: (params) => ({
      cameraId: z.string().parse(String(params.cameraId)),
    }),
    stringify: ({ cameraId }) => ({ cameraId: `${cameraId}` }),
  },
  loader: (opts) =>
    opts.context.queryClient.ensureQueryData(
      cameraQueryOptions(opts.params.cameraId)
    ),
  component: CameraPage,
})
export const Route = createFileRoute(
  "/_authenticated/(camera-layout)/dashboard/camera/$cameraId/"
)({
  params: {
    parse: (params) => ({
      cameraId: z.string().parse(String(params.cameraId)),
    }),
    stringify: ({ cameraId }) => ({ cameraId: `${cameraId}` }),
  },
  loader: (opts) =>
    opts.context.queryClient.ensureQueryData(
      cameraQueryOptions(opts.params.cameraId)
    ),
  component: CameraPage,
})
No description
2 Replies
vicious-gold
vicious-goldOP•13mo ago
I don't know if it has to do with my whole router layout:
No description
rare-sapphire
rare-sapphire•13mo ago
you are in the index route path param parsing needs to happen in camera.$cameraId so create a route.tsx in side that folder and put the parsing there

Did you find this page helpful?