Remix Client Only Component

client-only.tsx

import React, { ComponentType, lazy, Suspense } from "react";

export function ClientOnly({
  fallback,
  component,
}: {
  fallback: React.ReactElement;
  component: Promise<{ default: ComponentType<any> }>;
}) {
  const LazyComponent = lazy(() => component);

  return (
    <Suspense fallback={fallback}>
      <LazyComponent />
    </Suspense>
  );
}