usePreferredDark

React Hook that tracks dark theme preference.

Usage

import { usePreferredDark } from "@reactuses/core";

const Demo = () => {
  const isDark = usePreferredDark();

  return <div>PreferredDark: {isDark}</div>;
};

The defaultState? parameter must be set when using server side rendering, we need it to keep consistency in client side and server side.

Example

PreferredDark: false

Type Declarations

export default function usePreferredDark(defaultState?: boolean): boolean