From 1a121c5fe35b5222e53329df8dcd2bd3ebb8513f Mon Sep 17 00:00:00 2001
From: Antoine BERNIER <antoine.bernier@gmail.com>
Date: Sun, 25 Aug 2024 00:06:23 +0200
Subject: [PATCH] fix: prettier still mess

---
 docs/getting-started/authoring.mdx | 27 ++++++++++++++-------------
 1 file changed, 14 insertions(+), 13 deletions(-)

diff --git a/docs/getting-started/authoring.mdx b/docs/getting-started/authoring.mdx
index 803034d8..61db2940 100644
--- a/docs/getting-started/authoring.mdx
+++ b/docs/getting-started/authoring.mdx
@@ -125,7 +125,8 @@ export default function App() {
 <details>
   <summary>Result</summary>
 
-<Sandpack template="react"
+<Sandpack
+  template="react"
   customSetup={{
     dependencies: {
       '@react-three/fiber': 'latest',
@@ -151,20 +152,20 @@ export function Box(props) {
   useFrame((state, delta) => (meshRef.current.rotation.x += delta))
 
 return (
-
 <mesh
-  {...props}
-  ref={meshRef}
-  scale={active ? 1.5 : 1}
-  onClick={(event) => setActive(!active)}
-  onPointerOver={(event) => setHover(true)}
-  onPointerOut={(event) => setHover(false)}
->
-  <boxGeometry args={[1, 1, 1]} />
-  <meshStandardMaterial color={hovered ? 'hotpink' : 'orange'} />
+{...props}
+ref={meshRef}
+scale={active ? 1.5 : 1}
+onClick={(event) => setActive(!active)}
+onPointerOver={(event) => setHover(true)}
+onPointerOut={(event) => setHover(false)} >
+<boxGeometry args={[1, 1, 1]} />
+<meshStandardMaterial color={hovered ? 'hotpink' : 'orange'} />
 </mesh>
-) }`, '/App.js': `import {Canvas} from '@react-three/fiber' import {Box} from './Box' import
-'./styles.css'
+)
+}`,
+    '/App.js': `import {Canvas} from '@react-three/fiber'
+import {Box} from './Box'
 
 export default function App() {
   return (