autosuspense 0.1.9 → 0.1.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "autosuspense",
-  "version": "0.1.9",
+  "version": "0.1.10",
   "description": "Automatic suspense wiring block for React.",
   "license": "ISC",
   "type": "commonjs",

package/src/components/prefabs/defaultPrefab.tsx

@@ -1,10 +1,10 @@
+import * as React from "react";
 import { Block } from "./prebuilt/Block";
 import { Card } from "./prebuilt/Card";
 import { List } from "./prebuilt/List";
-import { PrefabFactory } from "../../types/PrefabFactory";
 
-export const defaultPrefab: Record<string, PrefabFactory> = {
-  block: ({ children }) => <Block>{children}</Block>,
-  card: ({ children }) => <Card>{children}</Card>,
-  list: ({ children }) => <List>{children}</List>,
+export const defaultPrefab: Record<string, React.ReactElement> = {
+  block: <Block />,
+  card: <Card />,
+  list: <List />,
 };

package/src/components/suspense/AutoSuspense.tsx

@@ -13,7 +13,7 @@ export const AutoSuspense = ({
   prefab = defaultPrefab,
 }: {
   children: React.ReactNode;
-  prefab?: Record<string, PrefabFactory>;
+  prefab?: Record<string, React.ReactElement>;
 }) => {
   const registryRef = React.useRef<FallbackRegistry>({
     nodes: new Map(),
@@ -32,9 +32,11 @@ export const AutoSuspense = ({
 
   return (
     <FallbackContext.Provider value={registryRef.current}>
+      <div>
       <React.Suspense fallback={fallback}>
-        <div>{children}</div>
+        {children}
       </React.Suspense>
+      </div>
     </FallbackContext.Provider>
   );
 };