update template

packages/artplayer-template/next.js/pages/ArtPlayer.js

@@ -1,5 +1,5 @@
-import { useEffect, useRef } from "react";
+import { useEffect, useRef } from 'react';
-import Artplayer from "artplayer";
+import Artplayer from 'artplayer';
 
 export default function ({ option, getInstance, ...rest }) {
     const artRef = useRef();
@@ -10,7 +10,7 @@ export default function ({ option, getInstance, ...rest }) {
             container: artRef.current,
         });
 
-    if (getInstance && typeof getInstance === "function") {
+        if (getInstance && typeof getInstance === 'function') {
             getInstance(art);
         }
 
@@ -19,7 +19,7 @@ export default function ({ option, getInstance, ...rest }) {
                 art.destroy(false);
             }
         };
-  }, [option, getInstance]);
+    }, []);
 
     return <div ref={artRef} {...rest}></div>;
 }

packages/artplayer-template/react.js/src/ArtPlayer.js

@@ -19,7 +19,8 @@ export default function Player({ option, getInstance, ...rest }) {
                 art.destroy(false);
             }
         };
-    }, [option, getInstance]);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
 
     return React.createElement('div', {
         ref: artRef,