Testing hooks with Remix and Testing Library

testing-hooks-with-remix-and-testing-library.tsx

/**
 * If have any hooks that use Remix hooks, this helper will save you headaches
 */

import { createRemixStub } from "@remix-run/testing";
import { renderHook } from "@testing-library/react";

const renderRemixHook = <T,>(callback: () => T) => {
  const RemixStub = ({ children }: PropsWithChildren) => {
    const Remix = createRemixStub([
      {
        path: "/",
        Component: () => {
          return children;
        },
      },
    ]);

    return <Remix />;
  };

  return renderHook(callback, { wrapper: RemixStub });
};