fix(render): don't pass certain Text props to setProps

src/render/gameobject.test.tsx

@@ -2,7 +2,7 @@ import Phaser from 'phaser';
 import type { JSX } from 'react';
 
 import { Container, Text } from '..';
-import { createGameObject } from '.';
+import { createGameObject, setProps } from '.';
 
 jest.mock('phaser', () => {
   const GameObject = jest.fn();
@@ -23,6 +23,10 @@ jest.mock('./container', () => ({
   })),
 }));
 
+jest.mock('./props', () => ({
+  setProps: jest.fn(),
+}));
+
 const scene = new Phaser.Scene();
 
 function Component() {
@@ -110,4 +114,20 @@ describe('Text', () => {
       props.style,
     );
   });
+
+  it('does not pass certain Text props to setProps', () => {
+    const spy = jest.spyOn(console, 'error').mockImplementation();
+    const props = {
+      children: [],
+      key: null,
+      ref: () => {},
+      text: 'a',
+      style: {},
+    };
+    const element = <Text {...props} />;
+    expect(createGameObject(element, scene, container)).toBeInstanceOf(Object);
+    expect(container.add).toBeCalledTimes(1);
+    expect(setProps).toBeCalledWith(expect.any(Object), {}, scene);
+    spy.mockRestore();
+  });
 });

src/render/gameobject.ts

@@ -24,19 +24,13 @@ export function createGameObject(
   }
 
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  const { children, key, ref, ...props } = element.props;
+  const { children, key, ref, style, text, ...props } = element.props;
 
   let gameObject: Phaser.GameObjects.GameObject;
 
   switch (element.type) {
     case Phaser.GameObjects.Text:
-      gameObject = new element.type(
-        scene,
-        props.x,
-        props.y,
-        props.text,
-        props.style,
-      );
+      gameObject = new element.type(scene, props.x, props.y, text, style);
       break;
 
     default: