📦 依存関係を更新

components/organisms/search-colors/__snapshots__/color-button.test.tsx.snap

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`ColorButtton 色が指定されていない時の表示は正しいか 1`] = `
+exports[`ColorButton 色が指定されていない時の表示は正しいか 1`] = `
 <div>
   <button
     class="mx-1 p-0 rounded-full border-2 border-transparent"

components/organisms/search-colors/color-button.test.tsx

@@ -1,7 +1,7 @@
 import { act, fireEvent, render } from '@testing-library/react'
 import ColorButton from './color-button'
 
-describe('ColorButtton', () => {
+describe('ColorButton', () => {
   const color = {
     name: '赤',
     hex: '#ff0000'

components/organisms/search-colors/color-button.tsx

@@ -1,3 +1,4 @@
+import { JSX } from 'react'
 import ColorSampleCircle from 'components/atoms/color-sample/circle'
 import { SearchColor } from 'types/search-color'
 

components/organisms/search-colors/index.tsx

@@ -1,3 +1,4 @@
+import { JSX } from 'react'
 import { searchColors } from 'data/search-colors'
 import ColorButton from './color-button'
 

eslint.config.cjs

@@ -0,0 +1,14 @@
+const { fixupConfigRules } = require('@eslint/compat')
+const { FlatCompat } = require('@eslint/eslintrc')
+const prettier = require('eslint-config-prettier')
+
+const flatCompat = new FlatCompat()
+
+module.exports = [
+  ...fixupConfigRules(
+    flatCompat.extends('next/core-web-vitals'),
+    flatCompat.extends('next/typescript')
+  ),
+  prettier
+]
+

next-env.d.ts

@@ -2,4 +2,4 @@
 /// <reference types="next/image-types/global" />
 
 // NOTE: This file should not be edited
-// see https://nextjs.org/docs/basic-features/typescript for more information.
+// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.

package.json

@@ -14,16 +14,18 @@
   },
   "dependencies": {
     "next": "15.1.2",
-    "react": "18.3.1",
+    "react": "19.0.0",
     "react-device-detect": "^2.2.3",
-    "react-dom": "18.3.1",
+    "react-dom": "19.0.0",
     "react-github-corner": "^2.5.0",
     "react-icons": "^5.0.1",
     "react-infinite-scroller": "^1.2.6",
     "react-scroll": "^1.9.0",
     "use-media": "^1.5.0"
   },
   "devDependencies": {
+    "@eslint/compat": "^1.2.4",
+    "@eslint/eslintrc": "^3.2.0",
     "@playwright/test": "^1.42.1",
     "@tailwindcss/forms": "^0.5.7",
     "@testing-library/jest-dom": "^6.4.2",
@@ -32,7 +34,8 @@
     "@types/color-convert": "^2.0.3",
     "@types/jest": "^29.5.12",
     "@types/node": "^22.0.0",
-    "@types/react": "18.3.17",
+    "@types/react": "19.0.2",
+    "@types/react-dom": "^19.0.0",
     "@types/react-scroll": "^1.8.10",
     "autoprefixer": "^10.4.18",
     "axios": "^1.6.7",