useOnline
useOnlineは、ブラウザがオンライン状態かどうかを検知するカスタムフックです。
Online
const online = useOnline()
return (
<Badge colorScheme={online ? "green" : "red"}>
{online ? "Online" : "Offline"}
</Badge>
)
こちらのコードを使用する場合は、
"use client"をファイルの上部に追加する必要があります。使い方
import { useOnline } from "@yamada-ui/react"
import { useOnline } from "@/components/ui"
import { useOnline } from "@workspaces/ui"
const online = useOnline()