Implement dynamic theme context react

Medium

You need to implement a custom React context for managing theme preferences. Which implementation correctly handles dynamic theme updates?

ReactReact contextThemeState managementReact hooks

1const ThemeContext = createContext();
2
3function ThemeProvider({ children, initialTheme = 'light' }) {
4  // Missing theme management logic here
5  
6  return (
7    <ThemeContext.Provider value={value}>
8      {children}
9    </ThemeContext.Provider>
10  );
11}
12
13function useTheme() {
14  const context = useContext(ThemeContext);
15  if (!context) {
16    throw new Error('useTheme must be used within ThemeProvider');
17  }
18  return context;
19}
20
21export { ThemeProvider, useTheme };

You need to implement a custom React context for managing theme preferences. Which implementation correctly handles dynamic theme updates?

Hint