How to define a 404 or not found page in SSR file based ? (v1.0.0)

Hey guys and first thing Merry Christmas !

I just updated to v1.0.0 and I want to implement a 404 route in an SSR file based project (same setup as the demo on the documentation).

Do you have any information in the documentation about that or a code snippet somewhere please ? Just creating a file name

not_found.tsx

not_found.tsx

is not doing the trick. I saw a discord post speaking about

NotFoundError()

NotFoundError()

but I don't have any clue.

My goal is to throw a 404 from a loader if fetched ressource doesn't exist:

  loader: async ({ params }) => {
    const post = await trpcClient.post.getPostById.query(params.postId)
    if(something)){
      throw redirect({ to: '/custom-route-that-handles-this' })
    }
    if(somethingElse){
      throw redirect({ to: `/404` });
      //or throw new NotFoundError();
    }
    return post
  }

  loader: async ({ params }) => {
    const post = await trpcClient.post.getPostById.query(params.postId)
    if(something)){
      throw redirect({ to: '/custom-route-that-handles-this' })
    }
    if(somethingElse){
      throw redirect({ to: `/404` });
      //or throw new NotFoundError();
    }
    return post
  }

Thx !

TanStack•3y ago•

1 reply

constitutional-coral

How to define a 404 or not found page in SSR file based ? (v1.0.0)

Hey guys and first thing Merry Christmas !

not_found.tsx

not_found.tsx

is not doing the trick. I saw a discord post speaking about

NotFoundError()

NotFoundError()

but I don't have any clue.

My goal is to throw a 404 from a loader if fetched ressource doesn't exist:

  loader: async ({ params }) => {
    const post = await trpcClient.post.getPostById.query(params.postId)
    if(something)){
      throw redirect({ to: '/custom-route-that-handles-this' })
    }
    if(somethingElse){
      throw redirect({ to: `/404` });
      //or throw new NotFoundError();
    }
    return post
  }

  loader: async ({ params }) => {
    const post = await trpcClient.post.getPostById.query(params.postId)
    if(something)){
      throw redirect({ to: '/custom-route-that-handles-this' })
    }
    if(somethingElse){
      throw redirect({ to: `/404` });
      //or throw new NotFoundError();
    }
    return post
  }

Thx !

How to define a 404 or not found page in SSR file based ? (v1.0.0)

Similar Threads

How to define a 404 or not found page in SSR file based ? (v1.0.0)

Similar Threads

Similar Threads

Similar Threads