🐛 fix: Turn off revalidateOnFocus in swr

lobehub · Dec 1, 2023 · bb0fcef · bb0fcef
1 parent e1fc9c3
commit bb0fcef
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 13 deletions.
diff --git a/src/EmojiPicker/index.tsx b/src/EmojiPicker/index.tsx
@@ -29,6 +29,7 @@ const EmojiPicker = memo<EmojiPickerProps>(
     const { data: i18n } = useSWR(
       locale,
       async () => await import(`@emoji-mart/data/i18n/${locale.split('-')[0]}.json`),
+      { revalidateOnFocus: false },
     );
 
     const [ava, setAva] = useMergeState('🤖', {

diff --git a/src/hooks/useHighlight.ts b/src/hooks/useHighlight.ts
@@ -32,18 +32,22 @@ const initHighlighter = async (lang: string): Promise<Highlighter> => {
 };
 
 export const useHighlight = (text: string, lang: string, isDarkMode: boolean) =>
-  useSWR([lang.toLowerCase(), isDarkMode ? 'dark' : 'light', text].join('-'), async () => {
-    try {
-      const language = lang.toLowerCase();
-      const highlighter = await initHighlighter(language);
-      const html = highlighter?.codeToHtml(text, {
-        lang: languageMap.includes(language as any) ? language : FALLBACK_LANG,
-        theme: isDarkMode ? 'dark' : 'light',
-      });
-      return html;
-    } catch {
-      return `<pre><code>${text}</code></pre>`;
-    }
-  });
+  useSWR(
+    [lang.toLowerCase(), isDarkMode ? 'dark' : 'light', text].join('-'),
+    async () => {
+      try {
+        const language = lang.toLowerCase();
+        const highlighter = await initHighlighter(language);
+        const html = highlighter?.codeToHtml(text, {
+          lang: languageMap.includes(language as any) ? language : FALLBACK_LANG,
+          theme: isDarkMode ? 'dark' : 'light',
+        });
+        return html;
+      } catch {
+        return `<pre><code>${text}</code></pre>`;
+      }
+    },
+    { revalidateOnFocus: false },
+  );
 
 export { default as languageMap } from './languageMap';