chore: move eslint method rule to TS files only

.eslintrc.json

@@ -36,7 +36,6 @@
     "import/namespace": "off",
     "import/default": "off",
     "@typescript-eslint/explicit-module-boundary-types": "off",
-    "@typescript-eslint/explicit-member-accessibility": ["error", { "overrides": { "constructors": "no-public" } }],
     "no-unused-vars": ["off"],
     "no-var": "error",
     "react/jsx-uses-react": "error",
@@ -73,7 +72,8 @@
       // enable the rule specifically for TypeScript files
       "files": ["*.ts", "*.tsx"],
       "rules": {
-        "@typescript-eslint/explicit-function-return-type": ["error", { "allowHigherOrderFunctions": true }]
+        "@typescript-eslint/explicit-function-return-type": ["error", { "allowHigherOrderFunctions": true }],
+        "@typescript-eslint/explicit-member-accessibility": ["error", { "overrides": { "constructors": "no-public" } }]
       }
     }
   ]

.storybook/setup.ts

@@ -1,4 +1,6 @@
 import { Camera, Scene, PerspectiveCamera, WebGLRenderer, Clock } from 'three'
+//@ts-ignore
+import { OrbitControls } from '../src'
 
 interface useThreeReturn {
   camera: Camera
@@ -42,9 +44,10 @@ export const useThree = ({ useFrame }: useThreeProps = {}): useThreeReturn => {
 
   const clock = new Clock()
 
-  function animate() {
-    requestAnimationFrame(animate)
+  const controls = new OrbitControls(camera, container)
+  controls.enableDamping = true
 
+  function animate() {
     if (useFrame) {
       useFrame(
         {
@@ -54,7 +57,11 @@ export const useThree = ({ useFrame }: useThreeProps = {}): useThreeReturn => {
       )
     }
 
+    controls.update()
+
     render()
+
+    requestAnimationFrame(animate)
   }
 
   function render() {

.storybook/stories/BasicScene.stories.tsx → .storybook/stories/BasicScene.stories.ts

@@ -31,7 +31,7 @@ export const Default = () => {
     const spotLight = new SpotLight('white', 2, 35, Math.PI / 4, 2, 3.5)
     spotLight.position.set(-3, 6, -4)
 
-    const { scene } = useThree({
+    const { scene, renderer } = useThree({
       useFrame: (_, delta) => {
         mesh.rotation.x += delta
         mesh.rotation.y += delta
@@ -40,7 +40,11 @@ export const Default = () => {
 
     scene.background = new Color(0x0000ff).convertSRGBToLinear()
     scene.add(ambientLight, directionalLight, pointLight1, pointLight2, spotLight, mesh)
-  })
+
+    return () => {
+      renderer.dispose()
+    }
+  }, [])
 
   return ''
 }