react-use-system-theme/es/use-isomorphic-layout-effect.js

React Hook to get the system theme (OS theme: light or dark) based on prefers-colors-scheme. Subscribes to changes as well.

import { useEffect, useLayoutEffect } from 'react';
export default typeof window !== 'undefined' ? useLayoutEffect : useEffect;