import { createSignal, type JSX, onMount, Show, Suspense } from "solid-js";

type ClientDeferredProps = {
  LazyComponent: () => JSX.Element;
};

export function ClientDeferred(props: ClientDeferredProps) {
  const [show, setShow] = createSignal(false);

  onMount(() => {
    setShow(true);
  });

  return (
    <Show when={show()} fallback={null}>
      <Suspense fallback={null}>
        <props.LazyComponent />
      </Suspense>
    </Show>
  );
}

import { createSignal, type JSX, onMount, Show, Suspense } from "solid-js";

type ClientDeferredProps = {
  LazyComponent: () => JSX.Element;
};

export function ClientDeferred(props: ClientDeferredProps) {
  const [show, setShow] = createSignal(false);

  onMount(() => {
    setShow(true);
  });

  return (
    <Show when={show()} fallback={null}>
      <Suspense fallback={null}>
        <props.LazyComponent />
      </Suspense>
    </Show>
  );
}