Why useRouteData can return undefined?

In this example:

export function routeData({ params }: RouteDataArgs) {
  return createServerData$(
    async ([_, id], { request }) => {
      const user = await authenticator.isAuthenticated(request, {
        failureRedirect: "/",
      });

      if (!user.isAdmin) {
        throw redirect("/login");
      }

      return prisma.organisation.findUniqueOrThrow({
        where: { id },
      });
    },
    { key: () => ["organisation", params.orgId] }
  );
}

export default function AdminOrganisations() {
  const organisation = useRouteData<typeof routeData>();

  return (
    <>
      <Header>{organisation().name}</Header>
      <Container>...</Container>
    </>
  );
}

export function routeData({ params }: RouteDataArgs) {
  return createServerData$(
    async ([_, id], { request }) => {
      const user = await authenticator.isAuthenticated(request, {
        failureRedirect: "/",
      });

      if (!user.isAdmin) {
        throw redirect("/login");
      }

      return prisma.organisation.findUniqueOrThrow({
        where: { id },
      });
    },
    { key: () => ["organisation", params.orgId] }
  );
}

export default function AdminOrganisations() {
  const organisation = useRouteData<typeof routeData>();

  return (
    <>
      <Header>{organisation().name}</Header>
      <Container>...</Container>
    </>
  );
}

If I'm not an admin I'm redirected. If no organisation is found with the id, prisma throw. So I'm sure const organisation should be defined. But the type is still

const organisation: Resource<Organisation | undefined>

const organisation: Resource<Organisation | undefined>

Why?

7 Replies

binajmenOP•2y ago

Should I really enclose JSX with Show/Suspence to assert the value of organisation? It seems boilerplaty, so I'm wondering if I must do something else..

binajmenOP•2y ago

Hu? https://github.com/solidjs/solid-start/blob/20c1491e291334b8e3a6f60e3ad7af1316e0bc3c/examples/hackernews/src/routes/stories/%5Bid%5D.tsx#L15-L18

GitHub

solid-start/[id].tsx at 20c1491e291334b8e3a6f60e3ad7af1316e0bc3c · ...

SolidStart, the Solid app framework. Contribute to solidjs/solid-start development by creating an account on GitHub.

binajmenOP•2y ago

    <Show when={story()}>
      <div class="item-view">
        <div class="item-view-header">
          <a href={story()!.url} target="_blank">

    <Show when={story()}>
      <div class="item-view">
        <div class="item-view-header">
          <a href={story()!.url} target="_blank">

story()!?

Unknown User•2y ago

Message Not Public

binajmenOP•2y ago

feels hacky ^^'

ryansolid•2y ago

There is a solution for this coming in 2.0, it'd just be breaking right now. Mind you I will probably still use the ! in my code

binajmenOP•2y ago

I think it's just a barrier to break, ! exists for a reason and this one is a valid one to use. Counter intuitive, so I was wondering if I was doing something wrong ^^

Gaming

Programming

Why useRouteData can return undefined?