JSFiddle - React, Tailwind, and code Playground

CSS

body {
  margin: 0px;
  overflow: hidden;
}

JavaScript

renderer = new THREE.WebGLRenderer({antialias:true});
renderer.autoClear = false;
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement);

scene = new THREE.Scene();
sky = new THREE.Scene();

camera = new THREE.PerspectiveCamera(60, window.innerWidth / window.innerHeight, 1, 10000);
camera2 = new THREE.PerspectiveCamera(60, window.innerWidth / window.innerHeight, 1, 10000);
        
sky.add(camera);
scene.add(camera2);

var sphere = new THREE.Mesh(new THREE.SphereGeometry( 50, 20, 20 ),new THREE.MeshBasicMaterial({ color: 0xFF00FF}));
scene.add(sphere);
var skybox = new THREE.Mesh( new THREE.CubeGeometry( 500, 500, 500 ) , new THREE.MeshBasicMaterial( { color: 0x0000FF } ));
skybox.flipSided = true;
sky.add(skybox);

camera2.position.set(200,200,-200);
camera2.lookAt({x:0,y:0,z:0});

renderer.clear();
renderer.render(sky, camera);
renderer.render(scene, camera2);