Progress with cra

examples/r3f-cra/package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "installConfig": {
-    "hoistingLimits": "dependencies"
+    "hoistingLimits": "workspaces"
   },
   "dependencies": {
     "@react-three/drei": "^7.2.2",

examples/r3f-cra/src/App.js

@@ -1,8 +1,10 @@
 import {getProject} from '@theatre/core'
 import * as THREE from 'three'
 import {useState, useEffect, useRef} from 'react'
-import {useFrame} from '@react-three/fiber'
-import {softShadows} from '@react-three/drei'
+import {useFrame, Canvas} from '@react-three/fiber'
+import {Shadow, softShadows} from '@react-three/drei'
+import React from 'react'
+import {editable as e, Wrapper} from '@theatre/plugin-r3f'
 
 // Soft shadows are expensive, comment and refresh when it's too slow
 softShadows()

examples/r3f-cra/src/index.js

@@ -3,6 +3,8 @@ import './index.css'
 import reportWebVitals from './reportWebVitals'
 import '@theatre/studio'
 import {getProject} from '@theatre/core'
+import React from 'react'
+import App from './App'
 
 ReactDOM.render(
   <React.StrictMode>

examples/r3f-cra/src/react-app-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="react-scripts" />

examples/r3f-cra/tsconfig.json

@@ -0,0 +1,28 @@
+{
+  "compilerOptions": {
+    "esModuleInterop": true,
+    "jsx": "react-jsx",
+    "skipDefaultLibCheck": true,
+    "skipLibCheck": true,
+    "checkJs": true,
+    "target": "es5",
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
+    "allowJs": true,
+    "allowSyntheticDefaultImports": true,
+    "strict": true,
+    "forceConsistentCasingInFileNames": true,
+    "noFallthroughCasesInSwitch": true,
+    "module": "esnext",
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true
+  },
+  "include": [
+    "src/**/*.js"
+  ]
+}