fix: dotlottiePlayer type

regchiu · May 28, 2024 · 04ede63 · 04ede63
1 parent 96c0ae2
commit 04ede63
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 4 deletions.
diff --git a/webview-ui/.eslintrc.cjs b/webview-ui/.eslintrc.cjs
@@ -21,5 +21,12 @@ module.exports = {
         html: true,
       },
     ],
+    '@typescript-eslint/consistent-type-definitions': ['error', 'type'],
+  },
+  parserOptions: {
+    ecmaVersion: 'latest',
+    sourceType: 'module',
+    project: ['./tsconfig.json', './tsconfig.node.json'],
+    tsconfigRootDir: __dirname,
   },
 }
diff --git a/webview-ui/src/App.tsx b/webview-ui/src/App.tsx
@@ -1,5 +1,6 @@
 import { useEffect, useRef, useState } from 'react'
 
+import { DotLottiePlayer } from '@dotlottie/player-component'
 import {
   VSCodeCheckbox,
   VSCodeDropdown,
@@ -43,7 +44,7 @@ const DIRECTION_OPTIONS: Option<string, string>[] = [
   },
 ]
 
-let dotlottiePlayer: Element | null = null
+let dotlottiePlayer: DotLottiePlayer | null = null
 
 function App() {
   const [background, setBackground] = useState('transparent')
@@ -74,7 +75,7 @@ function App() {
       setSpeed(value)
 
       if (dotlottiePlayer) {
-        ;(dotlottiePlayer as any).setSpeed(value)
+        dotlottiePlayer.setSpeed(value)
       }
     }
   }
@@ -85,7 +86,7 @@ function App() {
       setDirection(value)
 
       if (dotlottiePlayer) {
-        ;(dotlottiePlayer as any).setDirection(value)
+        dotlottiePlayer.setDirection(value)
       }
     }
   }
@@ -95,7 +96,7 @@ function App() {
     setIsLoop(checked)
 
     if (dotlottiePlayer) {
-      ;(dotlottiePlayer as any).toggleLooping()
+      dotlottiePlayer.toggleLooping()
     }
   }