usePrefersColorScheme

OSのスタイルを取得します

いわゆるダークモードとかライトモードのことです。

リアルタイムに変更する必要性を全く感じませんが設定を変更すると値もリアルタイムで変更されます。

値は'light'と'dark'の二通りです

usage example

export default function Demo() {
    const style = usePrefersColorScheme();
    return <div>
        <p>style: {style}</p>
    </div>
}