refactoring rendering and lazy loading and performance improvements

Author: codeAdityagithub

src/components/App.tsx

@@ -12,20 +12,20 @@ const App = (props: any) => {
     // return <ReactiveComponent />;
     // return <NonReactiveComponent />;
     // return <Test />;
-    return (
-        <>
-            <button
-                style={{ margin: 10 }}
-                onClick={() => visible.update((prev) => !prev)}
-            >
-                Show/Hide
-            </button>
-            {() => (visible.value ? <Test /> : "Hidden")}
-        </>
-    );
+    // return (
+    //     <>
+    //         <button
+    //             style={{ margin: 10 }}
+    //             onClick={() => visible.update((prev) => !prev)}
+    //         >
+    //             Show/Hide
+    //         </button>
+    //         {() => (visible.value ? <Test /> : "Hidden")}
+    //     </>
+    // );
     // return <StylesTest />;
     // return <ListsTest />;
-    // return <PerformanceTest />;
+    return <PerformanceTest />;
     // return <ArrayReturningFC />;
     // return <Computed />;
 };

src/lazy/Lazyloading.tsx

@@ -1,4 +1,4 @@
-import { ComponentChildren, createSignal, Fiber, PublicSignal } from "../index";
+import { ComponentChild, createSignal, PublicSignal } from "../index";
 
 declare const FRAGMENT = "FRAGMENT";
 
@@ -11,10 +11,8 @@ export function lazy<T extends (props: any) => any>(
     importFn: () => Promise<{ default: T }>
 ): (
     props: PropsOf<T> & {
-        fallback?: ComponentChildren;
-        errorFallback?:
-            | ComponentChildren
-            | ((error: Error) => ComponentChildren);
+        fallback?: ComponentChild;
+        errorFallback?: ComponentChild | ((error: Error) => ComponentChild);
     }
 ) => ReturnType<T> {
     let Component: T | null = null;
@@ -64,27 +62,6 @@ export function lazy<T extends (props: any) => any>(
         const error = createSignal<Error | null>(null);
 
         load(loading, error);
-        // Validate fallback and errorFallback types
-        const isValidNode = (val: any) =>
-            typeof val === "string" ||
-            (val && typeof val === "object" && "props" in val && "type" in val);
-
-        if (props.fallback !== undefined && !isValidNode(props.fallback)) {
-            throw new Error(
-                "Invalid fallback: Expected a string or a valid JSX node."
-            );
-        }
-        if (
-            props.errorFallback !== undefined &&
-            !(
-                typeof props.errorFallback === "function" ||
-                isValidNode(props.errorFallback)
-            )
-        ) {
-            throw new Error(
-                "Invalid errorFallback: Expected a string, a valid JSX node, or a function returning a JSX node."
-            );
-        }
 
         return (
             <>