[modern-react] 리액트 스터디 파일 추가

modern-react/my-react-ts/src/HookThemeButton.tsx

@@ -0,0 +1,13 @@
+import { useContext } from 'react';
+import { Button } from '@mui/material';
+import ThemeContext, { ThemeContextType } from './ThemeContext';
+
+export default function HookThemeButton() {
+  // const { mode, toggleMode } = useContext<ThemeContextType>(ThemeContext);
+  const { mode, toggleMode } = useContext<Partial<ThemeContextType>>(ThemeContext);
+  return (
+    <Button variant="contained" onClick={toggleMode}>
+      Mode {mode}
+    </Button>
+  );
+}