From af9f9b3263f681571b8b9cd426da049ca5e6b26a Mon Sep 17 00:00:00 2001
From: Harvey Zack <laozhaochaguan@gmail.com>
Date: Thu, 5 May 2022 23:30:58 +0800
Subject: [PATCH] update template

---
 .../next.js/pages/ArtPlayer.js                | 36 +++++++++----------
 .../react.js/src/ArtPlayer.js                 |  3 +-
 2 files changed, 20 insertions(+), 19 deletions(-)

diff --git a/packages/artplayer-template/next.js/pages/ArtPlayer.js b/packages/artplayer-template/next.js/pages/ArtPlayer.js
index 1c7af62e1..e8c0d7648 100644
--- a/packages/artplayer-template/next.js/pages/ArtPlayer.js
+++ b/packages/artplayer-template/next.js/pages/ArtPlayer.js
@@ -1,25 +1,25 @@
-import { useEffect, useRef } from "react";
-import Artplayer from "artplayer";
+import { useEffect, useRef } from 'react';
+import Artplayer from 'artplayer';
 
 export default function ({ option, getInstance, ...rest }) {
-  const artRef = useRef();
+    const artRef = useRef();
 
-  useEffect(() => {
-    const art = new Artplayer({
-      ...option,
-      container: artRef.current,
-    });
+    useEffect(() => {
+        const art = new Artplayer({
+            ...option,
+            container: artRef.current,
+        });
 
-    if (getInstance && typeof getInstance === "function") {
-      getInstance(art);
-    }
+        if (getInstance && typeof getInstance === 'function') {
+            getInstance(art);
+        }
 
-    return () => {
-      if (art && art.destroy) {
-        art.destroy(false);
-      }
-    };
-  }, [option, getInstance]);
+        return () => {
+            if (art && art.destroy) {
+                art.destroy(false);
+            }
+        };
+    }, []);
 
-  return <div ref={artRef} {...rest}></div>;
+    return <div ref={artRef} {...rest}></div>;
 }
diff --git a/packages/artplayer-template/react.js/src/ArtPlayer.js b/packages/artplayer-template/react.js/src/ArtPlayer.js
index b19504133..6ebfdd733 100644
--- a/packages/artplayer-template/react.js/src/ArtPlayer.js
+++ b/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,