diff --git a/src/core/Renderer.ts b/src/core/Renderer.ts
index d741d5c..6488005 100644
--- a/src/core/Renderer.ts
+++ b/src/core/Renderer.ts
@@ -106,8 +106,8 @@ export default defineComponent({
     pointer: { type: [Boolean, Object] as PropType<boolean | PointerPublicConfigInterface>, default: false },
     resize: { type: [Boolean, String] as PropType<boolean | string>, default: false },
     shadow: Boolean,
-    width: String,
-    height: String,
+    width: { type: [Number, String] },
+    height: { type: [Number, String] },
     pixelRatio: Number,
     xr: Boolean,
     props: { type: Object, default: () => ({}) },
@@ -142,8 +142,8 @@ export default defineComponent({
       resize: props.resize,
     }
 
-    if (props.width) config.width = parseInt(props.width)
-    if (props.height) config.height = parseInt(props.height)
+    if (props.width) config.width = parseInt(props.width as string)
+    if (props.height) config.height = parseInt(props.height as string)
 
     const three = useThree(config)
     bindObjectProp(props, 'props', three.renderer)