andrei/biblical-guide.com
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: add SSR safety checks for window.matchMedia in PWA components

Browse Source
This commit is contained in:
Andrei
2025-10-10 12:21:47 +00:00
parent ce448adc63
commit 09b8450bff
2 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
components/pwa/install-prompt.tsx
View File

@@ -44,8 +44,8 @@ export function InstallPrompt({ autoShow = false }: InstallPromptProps) {
const { canInstall, installPrompt, isInstalled: pwaInstalled } = usePWA() const { canInstall, installPrompt, isInstalled: pwaInstalled } = usePWA()
useEffect(() => { useEffect(() => {
// Check if app is already installed // Check if app is already installed (client-side only)
if (window.matchMedia && window.matchMedia('(display-mode: standalone)').matches) { if (typeof window !== 'undefined' && window.matchMedia && window.matchMedia('(display-mode: standalone)').matches) {
setIsInstalled(true) setIsInstalled(true)
} }
@@ -304,7 +304,7 @@ export function useInstallPrompt() {
const [isInstalled, setIsInstalled] = useState(false) const [isInstalled, setIsInstalled] = useState(false)
useEffect(() => { useEffect(() => {
if (window.matchMedia && window.matchMedia('(display-mode: standalone)').matches) { if (typeof window !== 'undefined' && window.matchMedia && window.matchMedia('(display-mode: standalone)').matches) {
setIsInstalled(true) setIsInstalled(true)
} }
}, []) }, [])

2
components/pwa/service-worker-provider.tsx
View File

@@ -101,6 +101,8 @@ export function ServiceWorkerProvider({ children }: { children: React.ReactNode
} }
const setupInstallPrompt = () => { const setupInstallPrompt = () => {
if (typeof window === 'undefined') return
// Listen for beforeinstallprompt event // Listen for beforeinstallprompt event
window.addEventListener('beforeinstallprompt', (e) => { window.addEventListener('beforeinstallprompt', (e) => {
console.log('[PWA] Install prompt available') console.log('[PWA] Install prompt available')