useThemeState.js

import { Platform } from 'react-native';
import { Appearance, useColorScheme } from 'react-native-appearance';
import { useCallback, useEffect, useState } from 'react';

export default function useThemeState(set) {
  const [themeState, setThemeState] = useState(null);

  useEffect(() => {
    if (Platform.OS === 'web') {
      setThemeState(colorScheme);
    } else {
      const subscription = Appearance.addChangeListener(({ colorScheme }) => {
        setThemeState(colorScheme);
        return () => subscription.remove();
      });
    }
  }, []);

  return themeState;
}