chore: fix react example

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

Hide file tree

Showing 4 changed files with 17 additions and 2 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/pnpm-lock.yaml b/pnpm-lock.yaml