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>
  <button id='import_ddh' style="position:absolute;left:70%;top:40%">Import line</button>

</html>

<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://cdn.jsdelivr.net/npm/three@0.125.2/examples/jsm/utils/BufferGeometryUtils.js';
    import { Lut } from 'https://threejsfundamentals.org/threejs/resources/threejs/r122/examples/jsm/math/Lut.js';

    var import_ddh = document.getElementById("import_ddh");
    
    const points = [];

    //Scene
    const scene = new THREE.Scene();
    scene.background = new...