fix: defers rendering all component until after hydration for Tauri platforms, closes #1301 (#1311)

apps/readest-app/src/components/Providers.tsx

@@ -1,15 +1,19 @@
 'use client';
 
+import { useEffect, useState } from 'react';
+import { IconContext } from 'react-icons';
 import { AuthProvider } from '@/context/AuthContext';
 import { EnvProvider } from '@/context/EnvContext';
 import { CSPostHogProvider } from '@/context/PHContext';
 import { SyncProvider } from '@/context/SyncContext';
-import { IconContext } from 'react-icons';
 import { useDefaultIconSize } from '@/hooks/useResponsiveSize';
+import { isWebAppPlatform } from '@/services/environment';
 
 const Providers = ({ children }: { children: React.ReactNode }) => {
   const iconSize = useDefaultIconSize();
-  return (
+  const [mounted, setMounted] = useState(false);
+  useEffect(() => setMounted(true), []);
+  return mounted || isWebAppPlatform() ? (
     <CSPostHogProvider>
       <EnvProvider>
         <AuthProvider>
@@ -19,7 +23,7 @@ const Providers = ({ children }: { children: React.ReactNode }) => {
         </AuthProvider>
       </EnvProvider>
     </CSPostHogProvider>
-  );
+  ) : null;
 };
 
 export default Providers;