add lazy

Author: codehz

client.tsx

@@ -1,5 +1,6 @@
-import { useEffect, useState } from "react";
+import { lazy as oldLazy, useEffect, useState } from "react";
 
+/** @deprecated use lazy with suspense */
 export function NoSSR({
   children,
   fallback,
@@ -11,3 +12,15 @@ export function NoSSR({
   useEffect(() => setState(children), [children]);
   return <>{state}</>;
 }
+
+export function lazy<T>(
+  importFunc: () => Promise<{ default: React.ComponentType<T> }>
+): React.ComponentType<T> {
+  const LazyComponent = oldLazy(importFunc);
+  return (props: any) => {
+    if (typeof window === "undefined") {
+      throw new Error("client only");
+    }
+    return <LazyComponent {...props} />;
+  };
+}