Electron: useTheme's automatic prefers-color-scheme ignored

[McManning]

Wrapping an Electron app with <RUIProvider> does not load the user-preferred color scheme. Doing it manually does work, however:

export default function App() {
  const prefersColorScheme = window.matchMedia('(prefers-color-scheme: dark)');

  return (
    <RUIProvider theme={prefersColorScheme?.matches ? 'dark' : 'light'}>
      <ThemeProvider theme={{}}>
        <Router>
          <Routes>
            ...
          </Routes>
        </Router>
      </ThemeProvider>
    </RUIProvider>
  );
}

[Harikrishna3]

export default function App() {
const prefersColorScheme = window.matchMedia('(prefers-color-scheme: dark)');
const theme = React.useMemo(() => ({
mode: prefersColorScheme?.matches ? 'dark' : 'light'
}), [prefersColorScheme]);

return (




...




);
}

[Harikrishna3]

  <ThemeProvider theme={{}}>
    <Router>
      <Routes>
        ...
      </Routes>
    </Router>
  </ThemeProvider>
  </RUIProvider>