Fixed useTexture hook

dist/components/texture.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
-import { TextureProps } from '../types/texture';
-type Props = TextureProps;
+type Props = {
+    name: string;
+};
 export declare const Texture: React.FC<Props>;
 export {};

dist/hooks/use-texture.d.ts

@@ -1,2 +1 @@
-import { TextureProps } from '../types/texture';
-export declare function useTexture({ name, frame }: TextureProps): HTMLImageElement;
+export declare function useTexture(name: string): HTMLImageElement;

package.json

@@ -1,7 +1,7 @@
 {
   "name": "phaser-react-ui",
   "description": "React interface render for Phaser engine",
-  "version": "1.9.4",
+  "version": "1.9.5",
   "keywords": [
     "phaser",
     "interface",

src/components/texture.tsx

@@ -1,11 +1,12 @@
 import React, { useRef, useLayoutEffect } from 'react';
 import { useTexture } from '../hooks';
-import { TextureProps } from '../types/texture';
 
-type Props = TextureProps;
+type Props = {
+  name: string
+};
 
-export const Texture: React.FC<Props> = (props) => {
-  const image = useTexture(props);
+export const Texture: React.FC<Props> = ({ name }) => {
+  const image = useTexture(name);
 
   const ref = useRef<HTMLDivElement>(null);
 

src/hooks/use-texture.ts

@@ -1,18 +1,12 @@
 import { useMemo } from 'react';
 import { useGame } from './use-game';
-import { TextureProps } from '../types/texture';
 
-export function useTexture({ name, frame }: TextureProps) {
+export function useTexture(name: string) {
   const game = useGame();
 
   return useMemo(() => {
     const texture = game.textures.get(name);
 
-    if (frame === undefined) {
-      return texture.getSourceImage() as HTMLImageElement;
-    }
-
-    // @ts-ignore
-    return texture.frames[frame].source.image as HTMLImageElement;
-  }, [name, frame]);
+    return texture.getSourceImage() as HTMLImageElement;
+  }, [name]);
 }