fix(Example): adding Suspense to wait font to be loaded (#1441)

pmndrs · May 11, 2023 · 998aa88 · 998aa88 · vercel · May 11, 2023
1 parent b62c7a8
commit 998aa88
Showing 1 changed file with 8 additions and 6 deletions.
diff --git a/src/core/Example.tsx b/src/core/Example.tsx
@@ -31,12 +31,14 @@ export const Example = React.forwardRef<ExampleApi, ExampleProps>(
 
     return (
       <group {...props}>
-        <Center top cacheKey={JSON.stringify({ counter, font })}>
-          <Text3D bevelEnabled bevelSize={bevelSize} font={font}>
-            {counter}
-            {debug ? <meshNormalMaterial wireframe /> : <meshStandardMaterial color={color} />}
-          </Text3D>
-        </Center>
+        <React.Suspense fallback={null}>
+          <Center top cacheKey={JSON.stringify({ counter, font })}>
+            <Text3D bevelEnabled bevelSize={bevelSize} font={font}>
+              {debug ? <meshNormalMaterial wireframe /> : <meshStandardMaterial color={color} />}
+              {counter}
+            </Text3D>
+          </Center>
+        </React.Suspense>
         {children}
       </group>
     )