Convert sample suite to TypeScript

wojtekmaj · wojtekmaj · commit 21982216c8a3 · 2023-04-05T11:22:48.000+02:00
diff --git a/sample/Sample.tsx b/sample/Sample.tsx
@@ -5,7 +5,7 @@ import 'react-calendar/dist/Calendar.css';
 import './Sample.css';
 
 export default function Sample() {
-  const [value, onChange] = useState(new Date());
+  const [value, onChange] = useState<Date | null | (Date | null)[]>(new Date());
 
   return (
     <div className="Sample">
@@ -14,7 +14,7 @@ export default function Sample() {
       </header>
       <div className="Sample__container">
         <main className="Sample__container__content">
-          <Calendar onChange={onChange} showWeekNumbers value={value} />
+          <Calendar onChange={(nextValue) => onChange(nextValue)} showWeekNumbers value={value} />
         </main>
       </div>
     </div>
diff --git a/sample/index.html b/sample/index.html
@@ -7,6 +7,6 @@
   </head>
   <body>
     <div id="react-root"></div>
-    <script type="module" src="./index.jsx"></script>
+    <script type="module" src="./index.tsx"></script>
   </body>
 </html>
diff --git a/sample/index.tsx b/sample/index.tsx
@@ -2,4 +2,4 @@ import React from 'react';
 import { createRoot } from 'react-dom/client';
 import Sample from './Sample';
 
-createRoot(document.getElementById('react-root')).render(<Sample />);
+createRoot(document.getElementById('react-root') as HTMLDivElement).render(<Sample />);
diff --git a/sample/tsconfig.json b/sample/tsconfig.json
@@ -0,0 +1,14 @@
+{
+  "compilerOptions": {
+    "declaration": true,
+    "esModuleInterop": true,
+    "isolatedModules": true,
+    "jsx": "react",
+    "moduleResolution": "node",
+    "noUncheckedIndexedAccess": true,
+    "outDir": "dist",
+    "strict": true,
+    "strictNullChecks": true,
+    "target": "es5"
+  }
+}
diff --git a/sample/vite.config.ts b/sample/vite.config.ts
