Merge pull request #3893 from thematters/fix/update-book-color-in-fir…

…efox fix(useColorThief): fix theme color
thematters · Oct 16, 2023 · 663b0f6 · 663b0f6 · vercel · Oct 16, 2023
2 parents 97d043f + 397e004
commit 663b0f6
Showing 1 changed file with 11 additions and 2 deletions.
diff --git a/src/components/Hook/useColorThief.tsx b/src/components/Hook/useColorThief.tsx
@@ -20,6 +20,7 @@ const rgbToHsl = (r: number, g: number, b: number) => {
 export const useColorThief = () => {
   const [dominantColor, setDominantColor] = useState<string>()
   const nodeRef = useRef<HTMLDivElement>(null)
+  let tryGetColorTime = 5
 
   const _getColor = () => {
     import('colorthief').then(({ default: ColorThief }) => {
@@ -33,8 +34,16 @@ export const useColorThief = () => {
             2
           )}% 30%)`
         )
-      } catch (error) {
-        //
+      } catch (error: any) {
+        if (error.name === 'SecurityError') {
+          // Throws this error in Firefox
+          setTimeout(() => {
+            if (tryGetColorTime > 0) {
+              _getColor()
+              tryGetColorTime--
+            }
+          }, 1000)
+        }
       }
     })
   }