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

[Thisisjuke]

Hello everyone!

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 is not doing the trick. I saw a discord post speaking about 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
  }

I want to have a global 404 page based on file (something like 404.tsx or anything else), that catch all router 404 errors and I want to have a way to throw an error, maybe NotFoundError and to be able to redirect to this 404 page manually (by throwing error or calling redirect).

Thx ! ✌️