tsconfig adjustments

package.json

@@ -73,8 +73,8 @@
     "eslint-plugin-jsx-a11y": "^6.10.2",
     "eslint-plugin-prettier": "^5.2.1",
     "eslint-plugin-react": "^7.37.2",
-    "eslint-plugin-react-hooks": "^5.1.0-rc-fb9a90fa48-20240614",
-    "eslint-plugin-react-refresh": "^0.4.14",
+    "eslint-plugin-react-hooks": "^5.0.0",
+    "eslint-plugin-react-refresh": "^0.4.16",
     "eslint-plugin-storybook": "^0.11.1",
     "globals": "^15.13.0",
     "jsdom": "^25.0.1",
@@ -89,17 +89,17 @@
     "rollup-plugin-dts": "^6.1.1",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-postcss": "^4.0.2",
-    "sass": "^1.81.0",
+    "sass": "^1.81.1",
     "storybook": "^8.4.6",
     "stylelint": "^16.11.0",
     "stylelint-prettier": "^5.0.2",
     "stylelint-scss": "^6.10.0",
     "tslib": "^2.8.1",
     "typescript": "5.7.2",
-    "typescript-eslint": "^8.16.0",
-    "vite": "^6.0.1",
+    "typescript-eslint": "^8.17.0",
+    "vite": "^6.0.2",
     "vite-plugin-svgr": "^4.3.0",
-    "vitest": "^2.1.6"
+    "vitest": "^2.1.8"
   },
   "packageManager": "[email protected]"
 }

src/components/Button/Button.test.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { fireEvent, render, screen } from '@testing-library/react';
 import { describe, expect, it, vi } from 'vitest';
 

src/components/Button/Button.tsx

@@ -1,4 +1,4 @@
-import React, { ButtonHTMLAttributes, FC, ReactNode } from 'react';
+import { ButtonHTMLAttributes, FC, ReactNode } from 'react';
 import cx from 'clsx';
 
 import './Button.scss';

src/components/Tabs/Tab.tsx

@@ -1,4 +1,4 @@
-import React, { FC, PropsWithChildren } from 'react';
+import { FC, PropsWithChildren } from 'react';
 import cx from 'clsx';
 
 import { useTab } from './context';

src/components/Tabs/TabPanel.tsx

@@ -1,4 +1,4 @@
-import React, { FC, PropsWithChildren } from 'react';
+import { FC, PropsWithChildren } from 'react';
 
 import { useTabPanel } from './context';
 import './TabPanel.scss';

src/components/Tabs/Tabs.stories.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import { useState } from 'react';
 import type { Meta, StoryObj } from '@storybook/react';
 
 import { Tabs } from './Tabs';

src/components/Tabs/Tabs.tsx

@@ -1,4 +1,4 @@
-import React, { Children, FC, ReactNode, useCallback, useMemo } from 'react';
+import { Children, FC, ReactNode, useCallback, useMemo } from 'react';
 
 import { TabListContext, TabPanelContext } from './context';
 

src/components/Tabs/TabsList.tsx

@@ -1,4 +1,4 @@
-import React, { createRef, FC, PropsWithChildren, useCallback } from 'react';
+import { createRef, Children, FC, PropsWithChildren, useCallback } from 'react';
 
 import { TabContext, useTabList } from './context';
 import './TabsList.scss';
@@ -32,7 +32,7 @@ export const TabsList: FC<PropsWithChildren> = ({ children }) => {
 
   return (
     <div role="tablist" ref={ref} className="tab-list">
-      {React.Children.map(children, (child, index) => {
+      {Children.map(children, (child, index) => {
         const isSelected = index === selected;
 
         return (

tsconfig.json

@@ -1,38 +1,42 @@
 {
   "compilerOptions": {
-    "target": "es2023",
-    "module": "esnext",
-    "jsx": "react",
-    "sourceMap": true,
-    "outDir": "dist",
-    "strict": true,
-    "moduleResolution": "node",
-    "allowSyntheticDefaultImports": true,
-    "declaration": true,
-    "esModuleInterop": true,
-    "skipLibCheck": true,
-    "forceConsistentCasingInFileNames": true,
-
-    "noEmit": false,
     "baseUrl": "./src",
-    "lib": ["dom", "dom.iterable", "esnext"],
     "paths": {
       "*": [
         "*",
       ]
     },
     "allowJs": true,
-    "isolatedModules": true,
-    "noImplicitAny": true,
+    "target": "esnext",
+    "module": "esnext",
+    "useDefineForClassFields": true,
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "types": ["@testing-library/jest-dom"],
+    "skipLibCheck": true,
+    "sourceMap": true,
+    "outDir": "dist",
+    "declaration": true,
+    "esModuleInterop": true,
+    "forceConsistentCasingInFileNames": true,
     "resolveJsonModule": true,
+    "downlevelIteration": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "isolatedModules": true,
+    "allowSyntheticDefaultImports": true,
+    "moduleDetection": "force",
+    "noEmit": false,
+    "jsx": "react-jsx",
+
+    /* Linting */
+    "strict": true,
     "strictNullChecks": true,
+    "noImplicitAny": true,
     "noUnusedLocals": true,
     "noUnusedParameters": true,
-    "downlevelIteration": true,
     "noFallthroughCasesInSwitch": true,
     "noImplicitReturns": true,
-    "types": ["@testing-library/jest-dom"],
-    "useDefineForClassFields": true,
   },
   "include": ["src", "*.tsx", "*.ts", "eslint.config.js"],
   "exclude": [

yarn.lock

@@ -5443,12 +5443,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"eslint-plugin-react-hooks@npm:^5.1.0-rc-fb9a90fa48-20240614":
-  version: 5.1.0-rc-fb9a90fa48-20240614
-  resolution: "eslint-plugin-react-hooks@npm:5.1.0-rc-fb9a90fa48-20240614"
+"eslint-plugin-react-hooks@npm:^5.0.0":
+  version: 5.0.0
+  resolution: "eslint-plugin-react-hooks@npm:5.0.0"
   peerDependencies:
     eslint: ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0 || ^9.0.0
-  checksum: 10/993da76357003f0f788d9eb621d463012fb5ad42cf92d3eacbf7498e2a2fa707d77c59f5e940642724cd61340b1256d13cebaa7b8fbaa3c432c03911ef6bd40e
+  checksum: 10/b762789832806b6981e2d910994e72aa7a85136fe0880572334b26cf1274ba37bd3b1365e77d2c2f92465337c4a65c84ef647bc499d33b86fc1110f2df7ef1bb
   languageName: node
   linkType: hard
 
@@ -8456,7 +8456,7 @@ __metadata:
     eslint-plugin-jsx-a11y: "npm:^6.10.2"
     eslint-plugin-prettier: "npm:^5.2.1"
     eslint-plugin-react: "npm:^7.37.2"
-    eslint-plugin-react-hooks: "npm:^5.1.0-rc-fb9a90fa48-20240614"
+    eslint-plugin-react-hooks: "npm:^5.0.0"
     eslint-plugin-react-refresh: "npm:^0.4.14"
     eslint-plugin-storybook: "npm:^0.11.1"
     globals: "npm:^15.13.0"