This gist is for the article "Rendering a 3D model in a React JS"

RenderingA3DModel.js

import "./App.css";
import { Canvas } from "@react-three/fiber";
import { Suspense } from "react";
import Model from "./assets/3D-Model/Scene";
import { Environment, OrbitControls } from "@react-three/drei";

function App() {
  return (
    <div className="App">
      <Canvas camera={{ fov: 18 }}>
        <ambientLight intensity={1.25} />
        <Suspense fallback={null}>
        <Model />
        </Suspense>
        <Environment preset="sunset" />
        <OrbitControls />
      </Canvas>
    </div>
  );
}

export default App;