JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>

<script src="https://d3js.org/d3.v6.min.js"></script>


<script type="module">

    import * as THREE from 'https://threejsfundamentals.org/threejs/resources/threejs/r122/build/three.module.js';
    import { OrbitControls } from 'https://threejsfundamentals.org/threejs/resources/threejs/r122/examples/jsm/controls/OrbitControls.js';
    import { ConvexBufferGeometry } from 'https://threejsfundamentals.org/threejs/resources/threejs/r122/examples/jsm/geometries/ConvexGeometry.js';
    import Stats from 'https://threejsfundamentals.org/threejs/resources/threejs/r122/examples/jsm/libs/stats.module.js'
    import { GUI } from 'https://threejsfundamentals.org/threejs/resources/threejs/r122/examples/jsm/libs/dat.gui.module.js';
    import { VertexNormalsHelper } from 'https://threejsfundamentals.org/threejs/resources/threejs/r122/examples/jsm/helpers/VertexNormalsHelper.js';
    import { STLLoader } from "https://threejsfundamentals.org/threejs/resources/threejs/r122/examples/jsm/loaders/STLLoader.js";
    import { OBJLoader } from "https://threejsfundamentals.org/threejs/resources/threejs/r122/examples/jsm/loaders/OBJLoader.js";
    import { GLTFLoader } from "https://threejsfundamentals.org/threejs/resources/threejs/r122/examples/jsm/loaders/GLTFLoader.js";
    //import { BufferGeometryUtils } from "https://threejsfundamentals.org/threejs/resources/threejs/r122/three/examples/js/BufferGeometryUtils.js"
    import { Lut } from 'https://threejsfundamentals.org/threejs/resources/threejs/r122/examples/jsm/math/Lut.js';


    const scene = new THREE.Scene();
    scene.background = new THREE.Color(0xf0f0f0);

    //let uiScene = new THREE.Scene();


    // Camera
    const camera = new THREE.PerspectiveCamera(75,...