fix: preview still increment meta on first visit

src/pages/_app.tsx

@@ -13,6 +13,8 @@ import '@/styles/mdx.css';
 import '@/styles/dracula.css';
 import '@/styles/nprogress.css';
 
+import { getFromLocalStorage } from '@/lib/helper';
+
 import { blockDomainMeta } from '@/constants/env';
 
 Router.events.on('routeChangeStart', nProgress.start);
@@ -23,7 +25,11 @@ function MyApp({ Component, pageProps }: AppProps) {
   React.useEffect(() => {
     // Don't increment views if not on main domain
     if (window.location.host !== 'theodorusclarence.com' && blockDomainMeta) {
-      localStorage.setItem('incrementMetaFlag', 'false');
+      if (getFromLocalStorage('incrementMetaFlag') !== 'false') {
+        localStorage.setItem('incrementMetaFlag', 'false');
+        // reload page to make changes
+        window.location.reload();
+      }
     }
   }, []);