⬆️ Update React to 19

Author: Frontendland

.vscode/tasks.json

@@ -9,9 +9,13 @@
             "command": "npm run dev",
         },
         {
-            "label": "🛠️ Build",
+            "label": "🛠️ Build Package",
             "command": "npm run build:package"
         },
+        {
+            "label": "🛠️ Build Astro",
+            "command": "npm run build"
+        },
         {
             "label": "📥 Git fetch && pull",
             "command": "git fetch && git pull"

package-lock.json

@@ -20,22 +20,22 @@
     "devDependencies": {
         "@astrojs/check": "0.9.4",
         "@astrojs/node": "9.0.2",
-        "@astrojs/react": "3.6.2",
+        "@astrojs/react": "4.1.6",
         "@astrojs/svelte": "7.0.4",
         "@eslint/js": "9.18.0",
         "@typescript-eslint/parser": "8.21.0",
         "astro": "5.1.8",
         "astro-eslint-parser": "1.1.0",
         "eslint": "9.18.0",
         "eslint-plugin-astro": "1.3.1",
-        "eslint-plugin-react": "7.35.0",
+        "eslint-plugin-react": "7.37.4",
         "eslint-plugin-simple-import-sort": "12.1.1",
-        "eslint-plugin-svelte": "2.43.0",
+        "eslint-plugin-svelte": "2.46.1",
         "husky": "9.1.7",
         "jsdom": "26.0.0",
         "lint-staged": "15.4.2",
-        "react": "18.3.1",
-        "react-dom": "18.3.1",
+        "react": "19.0.0",
+        "react-dom": "19.0.0",
         "sass": "1.83.4",
         "sass-true": "8.1.0",
         "svelte": "5.19.2",

package.json

@@ -125,7 +125,7 @@ const Select = ({
                         onClose?.(event)
                     }
                 })
-            }, 0)
+            }, 1)
         }
 
         on(`.w-select-${name}`, 'focus', (event: Event) => {

src/assets/img/logo.svg

@@ -9,7 +9,7 @@ import SvelteBox from '@static/Box.svelte'
 import ReactAlert from '@components/Alert/Alert.tsx'
 import ReactBox from '@static/Box.tsx'
 
-import logo from '../public/img/logo.svg?raw'
+import logo from './assets/img/logo.svg?raw'
 import alertIcon from './icons/alert.svg?raw'
 import successIcon from './icons/circle-check.svg?raw'
 import componentsIcon from './icons/components.svg?raw'

src/components/Select/Select.tsx

@@ -7,7 +7,7 @@ import SvelteFooter from '@components/Footer/Footer.svelte'
 import ReactFooter from '@components/Footer/Footer.tsx'
 import Icon from '@components/Icon/Icon.astro'
 
-import logo from '../../../public/img/logo.svg?raw'
+import logo from '../../assets/img/logo.svg?raw'
 
 import { getSections } from '@helpers'
 import {

src/data.ts

@@ -9,7 +9,7 @@ import AstroMenu from '@components/Menu/Menu.astro'
 import SvelteMenu from '@components/Menu/Menu.svelte'
 import ReactMenu from '@components/Menu/Menu.tsx'
 
-import logo from '../../../public/img/logo.svg?raw'
+import logo from '../../assets/img/logo.svg?raw'
 
 import { getSections } from '@helpers'
 import { menu, menuLogo } from '@data'

src/pages/components/footer.astro

@@ -47,7 +47,7 @@ import ThemeSwitcher from '@components/ThemeSwitcher/ThemeSwitcher.astro'
 import Timeline from '@components/Timeline/Timeline.astro'
 import TimelineItem from '@components/TimelineItem/TimelineItem.astro'
 
-import logo from '../../public/img/logo.svg?raw'
+import logo from '../assets/img/logo.svg?raw'
 
 import {
     accordionItems,

src/pages/components/menu.astro

@@ -4,7 +4,7 @@ import type { IconProps } from '@components/Icon/icon'
 import Icon from '@components/Icon/Icon.astro'
 import Menu from '@components/Menu/Menu.astro'
 
-import logo from '../../public/img/logo.svg?raw'
+import logo from '../assets/img/logo.svg?raw'
 
 import { classNames } from '@utils/classNames'
 import { ClientRouter } from 'astro:transitions'