Fixing typos

Author: felixtrz

src/bullets.tsx

@@ -13,8 +13,8 @@ import gsap from "gsap";
 import { targets } from "./targets";
 import { useFrame } from "@react-three/fiber";
 import { useGLTF } from "@react-three/drei";
-import { useScoreStore } from "./score";
 import { useRef } from "react";
+import { useScoreStore } from "./score";
 
 const bulletSpeed = 10;
 const forwardVector = new Vector3(0, 0, -1);

src/gun.tsx

@@ -11,8 +11,9 @@ import {
   useXRControllerButtonEvent,
   useXRInputSourceStateContext,
 } from "@react-three/xr";
-import { useRef } from "react";
+
 import { useBulletStore } from "./bullets";
+import { useRef } from "react";
 
 export const Gun = () => {
   const state = useXRInputSourceStateContext("controller");

src/score.tsx

@@ -6,7 +6,7 @@
  */
 
 import { PositionalAudio, Text } from "@react-three/drei";
-import { useRef, useEffect } from "react";
+import { useEffect, useRef } from "react";
 
 import { PositionalAudio as PAudio } from "three";
 import { create } from "zustand";

src/targets.tsx

@@ -5,8 +5,9 @@
  * LICENSE file in the root directory of this source tree.
  */
 
+import { useEffect, useMemo } from "react";
+
 import { Object3D } from "three";
-import { useMemo, useEffect } from "react";
 import { useGLTF } from "@react-three/drei";
 
 export const targets = new Set<Object3D>();

tutorial/chapter4.md

@@ -80,7 +80,7 @@ We’ll get the `bulletPrototype` in `Bullet`, allowing each bullet to inherit i
 
 ```tsx
 import { useGLTF } from "@react-three/drei";
-import { useRef } from "react"
+import { useRef } from "react";
 
 type BulletProps = {
   bulletData: BulletData;
@@ -148,7 +148,7 @@ type TargetProps = {
 
 export const Target = ({ targetIdx }: TargetProps) => {
   const { scene } = useGLTF("assets/target.glb");
-  const target = useMemo(() => scene.clone(), [])
+  const target = useMemo(() => scene.clone(), []);
 
   useEffect(() => {
     target.position.set(

tutorial/chapter6.md

@@ -13,7 +13,7 @@ In `gun.tsx`, we’ll add a sound for when the player fires the blaster.
 ```tsx
 import { PositionalAudio as PAudio } from "three";
 import { PositionalAudio } from "@react-three/drei";
-import { useRef } from "react"
+import { useRef } from "react";
 
 export const Gun = () => {
   // ... existing code