@react-three/drei 9.68.1 → 9.68.2

package/core/Example.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("./Text3D.cjs.js"),t=require("./Center.cjs.js");function c(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var c=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,c.get?c:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}require("@babel/runtime/helpers/extends"),require("@react-three/fiber"),require("three-stdlib"),require("./useFont.cjs.js"),require("suspend-react"),require("three");var a=c(e);const n=a.forwardRef((({font:e,color:c="#cbcbcb",bevelSize:n=.04,debug:u=!1,children:l,...i},s)=>{const[o,b]=a.useState(0),f=a.useCallback(((e=1)=>b(o+e)),[o]),d=a.useCallback(((e=1)=>b(o-e)),[o]),m=a.useMemo((()=>({incr:f,decr:d})),[f,d]);return a.useImperativeHandle(s,(()=>m),[m]),a.createElement("group",i,a.createElement(t.Center,{top:!0,cacheKey:JSON.stringify({counter:o,font:e})},a.createElement(r.Text3D,{bevelEnabled:!0,bevelSize:n,font:e},o,u?a.createElement("meshNormalMaterial",{wireframe:!0}):a.createElement("meshStandardMaterial",{color:c}))),l)}));exports.Example=n;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("./Text3D.cjs.js"),t=require("./Center.cjs.js");function a(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,a.get?a:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}require("@babel/runtime/helpers/extends"),require("@react-three/fiber"),require("three-stdlib"),require("./useFont.cjs.js"),require("suspend-react"),require("three");var c=a(e);const n=c.forwardRef((({font:e,color:a="#cbcbcb",bevelSize:n=.04,debug:l=!1,children:u,...s},i)=>{const[o,b]=c.useState(0),f=c.useCallback(((e=1)=>b(o+e)),[o]),d=c.useCallback(((e=1)=>b(o-e)),[o]),m=c.useMemo((()=>({incr:f,decr:d})),[f,d]);return c.useImperativeHandle(i,(()=>m),[m]),c.createElement("group",s,c.createElement(c.Suspense,{fallback:null},c.createElement(t.Center,{top:!0,cacheKey:JSON.stringify({counter:o,font:e})},c.createElement(r.Text3D,{bevelEnabled:!0,bevelSize:n,font:e},l?c.createElement("meshNormalMaterial",{wireframe:!0}):c.createElement("meshStandardMaterial",{color:a}),o))),u)}));exports.Example=n;

package/core/Example.js

@@ -20,7 +20,9 @@ const Example = /*#__PURE__*/React.forwardRef(({
     decr
   }), [incr, decr]);
   React.useImperativeHandle(fref, () => api, [api]);
-  return /*#__PURE__*/React.createElement("group", props, /*#__PURE__*/React.createElement(Center, {
+  return /*#__PURE__*/React.createElement("group", props, /*#__PURE__*/React.createElement(React.Suspense, {
+    fallback: null
+  }, /*#__PURE__*/React.createElement(Center, {
     top: true,
     cacheKey: JSON.stringify({
       counter,
@@ -30,11 +32,11 @@ const Example = /*#__PURE__*/React.forwardRef(({
     bevelEnabled: true,
     bevelSize: bevelSize,
     font: font
-  }, counter, debug ? /*#__PURE__*/React.createElement("meshNormalMaterial", {
+  }, debug ? /*#__PURE__*/React.createElement("meshNormalMaterial", {
     wireframe: true
   }) : /*#__PURE__*/React.createElement("meshStandardMaterial", {
     color: color
-  }))), children);
+  }), counter))), children);
 });
 
 export { Example };