chore: yarn.lock

Author: prevwong

packages/core/package.json

@@ -45,6 +45,6 @@
     "react": "^17.0.2"
   },
   "peerDependencies": {
-    "react": "^16.8.0"
+    "react": ">=16.8.0"
   }
 }

packages/core/src/utils/createNode.ts

@@ -128,11 +128,11 @@ export function createNode(
       };
 
       Object.keys(userComponentConfig.related).forEach((comp) => {
-        node.related[comp] = () =>
+        node.related[comp] = (props) =>
           React.createElement(
             NodeProvider,
             relatedNodeContext,
-            React.createElement(userComponentConfig.related[comp])
+            React.createElement(userComponentConfig.related[comp], props)
           );
       });
     }

packages/layers/package.json

@@ -40,7 +40,7 @@
   },
   "peerDependencies": {
     "@craftjs/core": "^0.1.0-alpha.1",
-    "react": "^16.8.0",
+    "react": ">=16.8.0",
     "styled-components": ">= 4"
   }
 }

packages/utils/package.json

@@ -26,6 +26,6 @@
     "immer/**"
   ],
   "peerDependencies": {
-    "react": "^16.8.0"
+    "react": ">=16.8.0"
   }
 }

site/docs/guides/save-load.md

@@ -218,7 +218,7 @@ export default function App() {
           <Topbar />
           <Grid container spacing={5} style={{paddingTop: "10px"}}>
             <Grid item xs>
-              <Frame json={json}>
+              <Frame data={json}>
                 <Element is={Container} padding={5} background="#eeeeee">
                   ...
                 </Element>
@@ -237,4 +237,4 @@ export default function App() {
 ## All set! 💖
 Now, play with the editor and press the `Copy Current State` button when you are done. Refresh the page so the editor returns to its default state, then press the `Load State` button and paste the copied output - you should see the editor displaying the elements in the state from the time you copied.
 
-<Image img="tutorial/save-and-load.gif" />
+<Image img="tutorial/save-and-load.gif" />

yarn.lock

@@ -3018,7 +3018,7 @@ __metadata:
     react: ^17.0.2
     tiny-invariant: ^1.0.6
   peerDependencies:
-    react: ^16.8.0
+    react: ">=16.8.0"
   languageName: unknown
   linkType: soft
 
@@ -3032,7 +3032,7 @@ __metadata:
     styled-components: ^4.2.1
   peerDependencies:
     "@craftjs/core": ^0.1.0-alpha.1
-    react: ^16.8.0
+    react: ">=16.8.0"
     styled-components: ">= 4"
   languageName: unknown
   linkType: soft
@@ -3048,7 +3048,7 @@ __metadata:
     shallowequal: ^1.1.0
     tiny-invariant: ^1.0.6
   peerDependencies:
-    react: ^16.8.0
+    react: ">=16.8.0"
   languageName: unknown
   linkType: soft