Add strict @typescript-eslint rules (MINOR)

https://typescript-eslint.io/getting-started/#additional-configs
will-molloy · Jun 27, 2024 · 5569549 · 5569549
1 parent 6353e3b
commit 5569549
Show file tree

Hide file tree

Showing 4 changed files with 72 additions and 63 deletions.
diff --git a/.eslintrc.cjs b/.eslintrc.cjs
@@ -26,6 +26,8 @@ module.exports = {
     'plugin:import/recommended',
     'plugin:jsx-a11y/recommended',
     'plugin:@typescript-eslint/recommended-type-checked',
+    'plugin:@typescript-eslint/strict-type-checked',
+    'plugin:@typescript-eslint/stylistic-type-checked',
   ],
   plugins: [
     'react',

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/components/App.tsx b/src/components/App.tsx
@@ -18,7 +18,13 @@ const App = () => {
       </div>
       <h1>Vite + React</h1>
       <div className="card">
-        <button onClick={() => setCount((count) => count + 1)}>count is {count}</button>
+        <button
+          onClick={() => {
+            setCount((count) => count + 1);
+          }}
+        >
+          count is {count}
+        </button>
         <p>
           Edit <code>src/App.tsx</code> and save to test HMR
         </p>

diff --git a/src/index.tsx b/src/index.tsx
@@ -3,6 +3,7 @@ import ReactDOM from 'react-dom/client';
 import App from './components/App.tsx';
 import './index.css';
 
+// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
 ReactDOM.createRoot(document.getElementById('root')!).render(
   <React.StrictMode>
     <App />