fix: add types to enviroment preset (#363)

src/core/Environment.tsx

@@ -4,7 +4,7 @@ import { CubeTexture, CubeTextureLoader, Texture, PMREMGenerator, Scene } from '
 import { RGBELoader } from 'three-stdlib'
 import { useAsset } from 'use-asset'
 
-import { presetsObj } from '../helpers/environment-assets'
+import { presetsObj, PresetsType } from '../helpers/environment-assets'
 
 function getTexture(texture: Texture | CubeTexture, gen: PMREMGenerator, isCubeMap: boolean) {
   if (isCubeMap) {
@@ -20,7 +20,7 @@ type Props = {
   background?: boolean
   files?: string | string[]
   path?: string
-  preset?: string
+  preset?: PresetsType
   scene?: Scene
 }
 

src/core/Stage.tsx

@@ -3,12 +3,13 @@ import * as THREE from 'three'
 import { useThree } from '@react-three/fiber'
 import { Environment } from './Environment'
 import { ContactShadows } from './ContactShadows'
+import { PresetsType } from '../helpers/environment-assets'
 
 type Props = JSX.IntrinsicElements['group'] & {
   contactShadow?: boolean
   shadows?: boolean
   adjustCamera?: boolean
-  environment?: string
+  environment?: PresetsType
   intensity?: number
   controls?: React.MutableRefObject<{ update(): void; target: THREE.Vector3 }>
 }

src/helpers/environment-assets.ts

@@ -10,3 +10,5 @@ export const presetsObj = {
   park: 'rooitou_park_1k.hdr',
   lobby: 'st_fagans_interior_1k.hdr',
 }
+
+export type PresetsType = keyof typeof presetsObj