Merge pull request #4 from lizaklimova/theme-switch

added types to useStates

src/components/Header/ToggleBtn/ToggleBtn.tsx

@@ -4,7 +4,9 @@ import useTheme from 'hooks/useTheme';
 
 const ToggleBtn: FC = () => {
   const { theme, toggleTheme } = useTheme();
-  const [checked, setChecked] = useState(theme === 'light' ? true : false);
+  const [checked, setChecked] = useState<boolean>(
+    theme === 'light' ? true : false
+  );
 
   const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {
     setChecked(event.target.checked);

src/contexts/themeContext.tsx

@@ -17,7 +17,7 @@ const defaultContextValue: ThemeContextProps = {
 const ThemeContext = createContext<ThemeContextProps>(defaultContextValue);
 
 const ThemeProvider: FC<ThemeProviderProps> = ({ children }) => {
-  const [theme, setTheme] = useState(() => {
+  const [theme, setTheme] = useState<string>(() => {
     const storedTheme = localStorage.getItem('theme');
     return storedTheme ? JSON.parse(storedTheme) : 'light';
   });