style: run format:apply

src/app/page.tsx

@@ -1,8 +1,19 @@
 'use client';
 
-import { Environment, OrbitControls, PerspectiveCamera } from '@react-three/drei';
+import {
+	Environment,
+	OrbitControls,
+	PerspectiveCamera
+} from '@react-three/drei';
 import { Canvas, useLoader, useFrame } from '@react-three/fiber';
-import { useLayoutEffect, useMemo, useRef } from 'react';
+import {
+	forwardRef,
+	useImperativeHandle,
+	useLayoutEffect,
+	useMemo,
+	useRef,
+	useState
+} from 'react';
 
 import {
 	BufferAttribute,
@@ -581,7 +592,7 @@ const SealCube = forwardRef<Mesh>((props, ref) => {
 		</mesh>
 	);
 });
-SealCube.displayName = "SealCube"
+SealCube.displayName = 'SealCube';
 
 export default function Home() {
 	// const { chunks, chunkSize, chunkRes, terrainScale, hillScale, hillHeight, detailScale, detailHeight, wireframe, grassCount, grassSize, grassLOD } = useControls(
@@ -602,6 +613,7 @@ export default function Home() {
 	// );
 
 	const [sealMesh, setSealMesh] = useState<Mesh | null>(null);
+
 	return (
 		<Canvas
 			shadows
@@ -619,7 +631,7 @@ export default function Home() {
 					luminanceThreshold={0.5}
 					luminanceSmoothing={0.1}
 				/>
-				{sealMesh ?
+				{sealMesh ? (
 					<GodRays
 						sun={sealMesh}
 						samples={16}
@@ -629,8 +641,10 @@ export default function Home() {
 						exposure={0.2}
 						clampMax={1}
 						blur={true}
-					/> : <></>
+					/>
-				}
+				) : (
+					<></>
+				)}
 			</EffectComposer>
 
 			<Environment files={'hdr/sky.hdr'} environmentIntensity={1} background />
@@ -649,7 +663,11 @@ export default function Home() {
 				grassSize={0.6}
 				grassLOD={80}
 			/>
-			<SealCube ref={(mesh) => { if (mesh && !sealMesh) setSealMesh(mesh) }} />
+			<SealCube
+				ref={(mesh) => {
+					if (mesh && !sealMesh) setSealMesh(mesh);
+				}}
+			/>
 
 			<OrbitControls
 				target={[0, 5, 0]}