REACT IMPLEMENTATION

[dairo95]

Describe the bug 📝

Hey, I'm currently at the first tutorial. I created a React app so first i don't know where to put the code of the scene cube etc, and your files are typescript ? How am I supposed to adapt it ?
Thanks in advance

Reproduction ▶️

No response

Steps to reproduce 🔢

No response

System Info 💻

System:
    OS: Windows 11 10.0.26100
    CPU: (8) x64 11th Gen Intel(R) Core(TM) i5-1155G7 @ 2.50GHz
    Memory: 3.90 GB / 15.79 GB
 npmPackages:
    @testing-library/jest-dom: ^5.17.0 => 5.17.0 
    @testing-library/react: ^13.4.0 => 13.4.0 
    @testing-library/user-event: ^13.5.0 => 13.5.0
    @thatopen/components: ^2.4.2 => 2.4.2      
    @thatopen/fragments: ^2.4.0 => 2.4.0       
    @thatopen/ui: ^2.4.1 => 2.4.1
    react: ^18.3.1 => 18.3.1
    react-dom: ^18.3.1 => 18.3.1
    react-scripts: 5.0.1 => 5.0.1
    stats-js: ^1.0.1 => 1.0.1
    three: ^0.160.1 => 0.160.1
    web-ifc: ^0.0.66 => 0.0.66
    web-vitals: ^2.1.4 => 2.1.4
  Binaries:
    Node: 22.11.0 - C:\Program Files\nodejs\node.EXE
    npm: 10.9.0 - C:\Program Files\nodejs\npm.CMD
    bun: 1.1.29 - ~\AppData\Local\reflex\bun\bin\bun.EXE
  Browsers:
    Edge: Chromium (123.0.2420.97)
    Internet Explorer: 11.0.26100.1882



  System:
    OS: Windows 11 10.0.26100
    CPU: (8) x64 11th Gen Intel(R) Core(TM) i5-1155G7 @ 2.50GHz
    Memory: 3.85 GB / 15.79 GB
  Binaries:
    Node: 22.11.0 - C:\Program Files\nodejs\node.EXE
    npm: 10.9.0 - C:\Program Files\nodejs\npm.CMD
    bun: 1.1.29 - ~\AppData\Local\reflex\bun\bin\bun.EXE
  Managers:
    pip3: 24.2 - C:\Python312\Scripts\pip3.EXE 
  Utilities:
    Git: 2.47.0.
    Curl: 8.10.1 - C:\WINDOWS\system32\curl.EXE
    OpenSSL: 3.2.0 - C:\msys64\ucrt64\bin\openssl.EXE
  Virtualization:
    Docker: 27.2.0 - C:\Program Files\Docker\Docker\resources\bin\docker.EXE
    Docker Compose: 2.29.2 - C:\Program Files\Docker\Docker\resources\bin\docker-compose.EXE  
  IDEs:
    VSCode: 1.95.3 - C:\Users\mbada\AppData\Local\Programs\Microsoft VS Code\bin\code.CMD     
  Languages:
    Python: 3.12.6
    Python3: 3.12.7
  Databases:
    SQLite: 3.44.2 - C:\msys64\ucrt64\bin\sqlite3.EXE
  Browsers:
    Edge: Chromium (123.0.2420.97)
    Internet Explorer: 11.0.26100.1882

Used Package Manager 📦

npm

Error Trace/Logs 📃

No response

Validations ✅

• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Make sure this is a repository issue and not a framework-specific issue. For example, if it's a THREE.js related bug, it should likely be reported to mrdoob/threejs instead.
• Check that this is a concrete bug. For Q&A join our Community.
• The provided reproduction is a minimal reproducible example of the bug.