Initial project import

node_modules/@react-three/drei/core/Preload.js

@@ -0,0 +1,44 @@
+import { WebGLCubeRenderTarget, CubeCamera } from 'three';
+import * as React from 'react';
+import { useThree } from '@react-three/fiber';
+
+function Preload({
+  all,
+  scene,
+  camera
+}) {
+  const gl = useThree(({
+    gl
+  }) => gl);
+  const dCamera = useThree(({
+    camera
+  }) => camera);
+  const dScene = useThree(({
+    scene
+  }) => scene);
+
+  // Layout effect because it must run before React commits
+  React.useLayoutEffect(() => {
+    const invisible = [];
+    if (all) {
+      (scene || dScene).traverse(object => {
+        if (object.visible === false) {
+          invisible.push(object);
+          object.visible = true;
+        }
+      });
+    }
+    // Now compile the scene
+    gl.compile(scene || dScene, camera || dCamera);
+    // And for good measure, hit it with a cube camera
+    const cubeRenderTarget = new WebGLCubeRenderTarget(128);
+    const cubeCamera = new CubeCamera(0.01, 100000, cubeRenderTarget);
+    cubeCamera.update(gl, scene || dScene);
+    cubeRenderTarget.dispose();
+    // Flips these objects back
+    invisible.forEach(object => object.visible = false);
+  }, []);
+  return null;
+}
+
+export { Preload };