text: import React, { Suspense } from 'react';
  import { Canvas } from 'react-three-fiber';
  import './App.scss';
  import Cube from './components/3d/Cube';
  import Line from './components/3d/Line';
  import Text from './components/3d/Text';
  import Tetrahedron from './components/3d/Tetrahedron';
  
  function App() {
    return (
      <div>
        Three.js manual.
        <Canvas
          camera={{
            fov: 75,
            near: 0.01,
            far: 1000,
          }}
        >
          <Cube />
          <Line />
          <Suspense fallback={null}>
            <Text size={2}>
              Hello, world!
            </Text>
          </Suspense>
          <Suspense fallback={null}>
            <Tetrahedron />
          </Suspense>
        </Canvas>
      </div>
    );
  }
  
  export default App;
  