refactor(components): replace createRef with useRef

remarkablegames · Jan 13, 2025 · 9840991 · 9840991
1 parent bcb3ad7
commit 9840991
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/components/Button.tsx b/src/components/Button.tsx
@@ -1,5 +1,5 @@
 import type Phaser from 'phaser';
-import { createRef, Text } from 'phaser-jsx';
+import { Text, useRef } from 'phaser-jsx';
 
 interface Props {
   center?: boolean;
@@ -12,7 +12,7 @@ interface Props {
 
 export function Button(props: Props) {
   const { center, text, fixed, onClick, ...textProps } = props;
-  const ref = createRef<Phaser.GameObjects.Text>();
+  const ref = useRef<Phaser.GameObjects.Text>();
 
   function onMouseOver() {
     ref.current!.setTint(0xdddddd);

diff --git a/src/components/Typewriter.tsx b/src/components/Typewriter.tsx
@@ -1,5 +1,5 @@
 import type Phaser from 'phaser';
-import { createRef, Text, useScene } from 'phaser-jsx';
+import { Text, useRef, useScene } from 'phaser-jsx';
 
 import { Depth } from '../constants';
 
@@ -13,7 +13,7 @@ interface Props {
  */
 export function Typewriter(props: Props) {
   const scene = useScene();
-  const ref = createRef<Phaser.GameObjects.Text>();
+  const ref = useRef<Phaser.GameObjects.Text>();
   let index = 0;
 
   const timer = scene.time.addEvent({