Progress with cra

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" />