Transforms any Date objects from your Remix loaders into strings for a more accurate representation of Remix's deserialisation

useLoaderData.ts

import { useLoaderData as useRemixLoaderData } from "remix";

type Nullable<Type> = Type | undefined | null;

type Deserialized<Data> = {
  [Key in keyof Data]: Data[Key] extends Nullable<{ [key: string]: unknown }>
    ? Deserialized<Data[Key]>
    : Data[Key] extends Date
    ? string
    : Data[Key];
};

export const useLoaderData = <Data>(): Deserialized<Data> =>
  useRemixLoaderData<Deserialized<Data>>();

Honestly, remix should consider adding this as a note in their documentation so people know about it. It's a simple enough fact that someone might get wrong (especially if they're using Prisma types which contain Dates on the serverside)