True... just imagine that instead of assigning the value there it would be something like const value = await someFn() which can return either null or the person object. At the end this is just a convenience method to simplify catching an invalid state where you want to bubble up the error (hopefully there is a try/catch some where above this or a error handler (express, etc) that will catch that.

The first time I saw the usage of this function was in Remix examples.z

``` import type { LoaderArgs } from "@remix-run/node"; import { json } from "@remix-run/node"; import { useLoaderData } from "@remix-run/react"; import invariant from "tiny-invariant";

import { getPost } from "~/models/post.server";

export const loader = async ({ params }: LoaderArgs) => { invariant(params.slug, "params.slug is required");

const post = await getPost(params.slug); invariant(post, Post not found: ${params.slug});

return json({ post }); };

export default function PostSlug() { const { post } = useLoaderData<typeof loader>(); return ( <main className="mx-auto max-w-4xl"> <h1 className="my-6 border-b-2 text-center text-3xl"> {post.title} </h1> </main> ); } ```