@react-three/drei 9.90.1 → 9.91.0

package/core/Stage.d.ts

@@ -18,7 +18,7 @@ type StageProps = {
     };
     shadows?: boolean | 'contact' | 'accumulative' | StageShadows;
     adjustCamera?: boolean | number;
-    environment?: PresetsType | Partial<EnvironmentProps>;
+    environment?: PresetsType | Partial<EnvironmentProps> | null;
     intensity?: number;
     center?: Partial<CenterProps>;
 };

package/core/StatsGl.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("@react-three/fiber"),r=require("stats-gl");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var c=u(e),a=n(r);exports.StatsGl=function({className:e,parent:r,...n}){const u=t.useThree((e=>e.gl)),i=c.useMemo((()=>{const e=new a.default({...n});return e.init(u.domElement),e}),[u]);return c.useEffect((()=>{if(i){const n=r&&r.current||document.body;null==n||n.appendChild(i.container),e&&i.container.classList.add(...e.split(" ").filter((e=>e)));const u=t.addEffect((()=>i.begin())),c=t.addAfterEffect((()=>i.end()));return()=>{null==n||n.removeChild(i.container),u(),c()}}}),[r,i,e]),null};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("@react-three/fiber"),r=require("stats-gl");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var c=u(e),o=n(r);exports.StatsGl=function({className:e,parent:r,...n}){const u=t.useThree((e=>e.gl)),a=c.useMemo((()=>{const e=new o.default({...n});return e.init(u),e}),[u]);return c.useEffect((()=>{if(a){const n=r&&r.current||document.body;null==n||n.appendChild(a.dom),e&&a.container.classList.add(...e.split(" ").filter((e=>e)));const u=t.addAfterEffect((()=>a.update()));return()=>{null==n||n.removeChild(a.dom),u()}}}),[r,a,e]),null};

package/core/StatsGl.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { useThree, addEffect, addAfterEffect } from '@react-three/fiber';
+import { useThree, addAfterEffect } from '@react-three/fiber';
 import Stats from 'stats-gl';
 
 function StatsGl({
@@ -12,19 +12,17 @@ function StatsGl({
     const stats = new Stats({
       ...props
     });
-    stats.init(gl.domElement);
+    stats.init(gl);
     return stats;
   }, [gl]);
   React.useEffect(() => {
     if (stats) {
       const node = parent && parent.current || document.body;
-      node == null || node.appendChild(stats.container);
+      node == null || node.appendChild(stats.dom);
       if (className) stats.container.classList.add(...className.split(' ').filter(cls => cls));
-      const begin = addEffect(() => stats.begin());
-      const end = addAfterEffect(() => stats.end());
+      const end = addAfterEffect(() => stats.update());
       return () => {
-        node == null || node.removeChild(stats.container);
-        begin();
+        node == null || node.removeChild(stats.dom);
         end();
       };
     }