Function DelayRender

src/client/components/DelayRender.tsx:11–28

({
  children,
  delay = 500,
})

}

export const DelayRender: React.FC<DelayRenderProps> = ({
  children,
  delay = 500,
}) => {
  const [shouldRender, setShouldRender] = useState(false);

  useEffect(() => {
    const timer = window.setTimeout(() => {
      setShouldRender(true);
    }, delay);

    return () => {
      window.clearTimeout(timer);
    };
  }, [delay]);

  return shouldRender ? <>{children}</> : null;
};