fix: escape the style objects in JSX so that they're skipped by handl…

…ebars
painfulexistence · Apr 26, 2024 · 8481438 · 8481438
1 parent 988e308
commit 8481438
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/templates/babylon/src/App.tsx b/templates/babylon/src/App.tsx
@@ -34,7 +34,7 @@ const App = () => {
   }, []);
 
   return (
-    <canvas ref={canvasRef} style={{ width: 800, height: 450 }}/>
+    <canvas ref={canvasRef} style=\{{ width: 800, height: 450 }}/>
   )
 }
 

diff --git a/templates/three/src/App.tsx b/templates/three/src/App.tsx
@@ -4,7 +4,7 @@ import "./App.css";
 
 const App = () => {
     return (
-        <Canvas style={{ width: 800, height: 450 }}>
+        <Canvas style=\{{ width: 800, height: 450 }}>
             <Suspense fallback={null}>
                 <directionalLight position={[0, 5, 0]} />
                 <mesh rotation-x={Math.PI * 0.25} rotation-y={Math.PI * 0.25}>
-Original file line number
+Diff line change
@@ Expand Up / @@ -34,7 +34,7 @@ const App = () => { @@
       }, []);
       return (
-        <canvas ref={canvasRef} style={{ width: 800, height: 450 }}/>
+        <canvas ref={canvasRef} style=\{{ width: 800, height: 450 }}/>
       )
     }
@@ Expand Down @@