Internal Server Error with no clue where to debug about epic-stack HOT 3 CLOSED

type MainLoaderData = {
  serverState?: InstantSearchServerState;
  serverUrl?: string;
}

 export const loader: LoaderFunction = async ({
 	request,
 }: {
 	request: Request
 }) => {
 	const serverUrl = request.url

 	const serverState = await getServerState(<Search serverUrl={serverUrl} />, {
 		renderToString,
 	})

 	if (serverState === null) throw new Error('Server Data did not load in')

 	const data: MainLoaderData = {
 		serverUrl,
 		serverState,
 	}

 	return json(data)
}

export default function Index() {
	const { serverState, serverUrl } = useLoaderData<MainLoaderData>()

	return (
		<>
            <Search serverState={serverState} serverUrl={serverUrl} />;

import { renderToString } from 'react-dom/server';
import algoliasearch from 'algoliasearch/lite';
import type { InstantSearchServerState } from 'react-instantsearch';
import {
  InstantSearch,
  InstantSearchSSRProvider,
  getServerState,
} from 'react-instantsearch';
import { history } from 'instantsearch.js/cjs/lib/routers/index.js';

import { json } from '@remix-run/node';
import { useLoaderData } from '@remix-run/react';
import type { LoaderFunction } from '@remix-run/node';

const searchClient = algoliasearch('YourApplicationID', 'YourSearchOnlyAPIKey');

export const loader: LoaderFunction = async ({ request }) => {
  const serverUrl = request.url;
  const serverState = await getServerState(
    <Search serverUrl={serverUrl} />,
    { renderToString }
  );

  return json({
    serverState,
    serverUrl,
  });
};

type SearchProps = {
  serverState?: InstantSearchServerState;
  serverUrl?: string;
};

function Search({ serverState, serverUrl }: SearchProps) {
  return (
    <InstantSearchSSRProvider {...serverState}>
      <InstantSearch
        searchClient={searchClient}
        indexName="YourIndexName"
        routing={{
          router: history({
            getLocation() {
              if (typeof window === 'undefined') {
                return new URL(serverUrl!) as unknown as Location;
              }

              return window.location;
            },
          }),
        }}
      >
        {/* Widgets */}
      </InstantSearch>
    </InstantSearchSSRProvider>
  );
}

export default function HomePage() {
  const { serverState, serverUrl } = useLoaderData() as SearchProps;

  return <Search serverState={serverState} serverUrl={serverUrl} />;
}