Using Effect-Atom with TanStack Router for authenticated routes

// app-registry.ts
export const AppRegistry = Registry.make({
  defaultIdleTTL: 400,
  scheduleTask,
});

export async function getResultAtom<T, E>(
  atom: Atom.Atom<Result.Result<T, E>>,
) {
  return await Registry.getResult(atom)(AppRegistry).pipe(
    Effect.runPromiseExit,
  );
}

// main.tsx
const rootElement = document.getElementById("app");
if (rootElement && !rootElement.innerHTML) {
  const root = ReactDOM.createRoot(rootElement);
  root.render(
    <StrictMode>
      <RegistryContext.Provider value={AppRegistry}>
        <RouterProvider router={router} />
      </RegistryContext.Provider>
    </StrictMode>,
  );
}