Answers

1. createContext must be passed a default value when using it with TypeScript. Here’s the corrected code:

   const ThemeContext = createContext<ThemeContextType>({

     name: 'standard',

     color: 'light',

     changeTheme: (name: string, color: 'dark' | 'light') => {},

   });

2. Footer must be placed inside ThemeProvider as follows:

   <ThemeProvider>

     <Header />

     <Main />

     <Footer />

   </ThemeProvider>

3. Yes, there is no limit on the number of React contexts in an app.
4. No, only a single Redux store can be added to an app.
5. useDispatch can’t be used directly to dispatch an action – it returns a function that can be used to dispatch an action:

   const dispatch = useDispatch();

   function handleChangeTheme({ name, color }: Theme) {

     dispatch(changeThemeAction(name, color));

   }

6. Yes, local state defined using useState or useReducer...