mirror of
https://github.com/hanzoai/next.js.git
synced 2026-09-24 17:00:51 +00:00
Andrew ClarkandGitHub
7bce97d648
**Previous:** 1. https://github.com/vercel/next.js/pull/92011 **Current:** 2. (this PR) --- Adds a `useOffline()` hook exported from `next/navigation` that returns `true` when the app is offline. The state is owned by a provider component rendered in the app router, using `useState` + `useOptimistic` so the value can update even during blocked transitions (e.g., a navigation that's waiting for connectivity). Gated behind `experimental.useOffline`.
8 lines
200 B
TypeScript
8 lines
200 B
TypeScript
'use client'
|
|
import { useOffline } from 'next/offline'
|
|
|
|
export function OfflineStatus() {
|
|
const isOffline = useOffline()
|
|
return <div id="offline-status">{isOffline ? 'offline' : 'online'}</div>
|
|
}
|