chore: fix react example

prevwong · Jul 8, 2024 · ce62cfd · ce62cfd
1 parent a9cd8bf
commit ce62cfd
Show file tree

Hide file tree

Showing 7 changed files with 27 additions and 4 deletions.
diff --git a/examples/01-react/package.json b/examples/01-react/package.json
@@ -22,5 +22,8 @@
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "typescript": "4.9.4"
+  },
+  "devDependencies": {
+    "@types/react": "^17.0.2"
   }
 }
diff --git a/examples/01-react/src/components/Editor/Editor.tsx b/examples/01-react/src/components/Editor/Editor.tsx
@@ -35,7 +35,7 @@ export const Editor = () => {
                 return;
               }
               reka.change(() => {
-                appComponent.template.children.push(
+                t.assert(appComponent.template, t.TagTemplate).children.push(
                   t.tagTemplate({
                     tag: 'text',
                     props: {

diff --git a/examples/01-react/src/components/Renderer/index.tsx b/examples/01-react/src/components/Renderer/index.tsx
@@ -33,6 +33,7 @@ export const Renderer = observer((props: RendererProps) => {
   }
 
   if (
+    props.view instanceof t.FrameView ||
     props.view instanceof t.SlotView ||
     props.view instanceof t.FragmentView
   ) {

diff --git a/packages/types/src/generated/types.generated.ts b/packages/types/src/generated/types.generated.ts
@@ -1,6 +1,5 @@
-import { Schema } from '../schema';
-
 import { Type, TypeConstructorOptions } from '../node';
+import { Schema } from '../schema';
 
 type StateParameters = {
   program: Program;

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/site/constants/encoded-dummy-program.ts b/site/constants/encoded-dummy-program.ts
diff --git a/site/package.json b/site/package.json
@@ -89,6 +89,8 @@
     "@types/node": "18.7.15",
     "@types/prettier": "^2.7.2",
     "@types/randomcolor": "^0.5.6",
+    "@types/react": "^18.2.0",
+    "@types/react-dom": "^18.2.0",
     "autoprefixer": "^10.4.13",
     "eslint": "^8.23.0",
     "eslint-config-next": "13.2.4",
-Original file line number
+Diff line change
@@ Expand Up / @@ -33,6 +33,7 @@ export const Renderer = observer((props: RendererProps) => { @@
       }
       if (
+        props.view instanceof t.FrameView ||
         props.view instanceof t.SlotView ||
         props.view instanceof t.FragmentView
       ) {
@@ Expand Down @@