2025 refresh: add React 19 💣

jeferson-sb · Jan 15, 2025 · e6425d0 · e6425d0
1 parent 662a776
commit e6425d0
Show file tree

Hide file tree

Showing 8 changed files with 293 additions and 61 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -18,8 +18,8 @@
     "@teachablemachine/image": "^0.8.5",
     "@tensorflow/tfjs": "^1.3.1",
     "clsx": "^2.1.1",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "react-dropzone": "^14.3.5",
     "react-router-dom": "^7.1.1",
     "vite-plugin-pwa": "^0.21.1"
@@ -32,6 +32,7 @@
     "@testing-library/user-event": "^14.5.2",
     "@vitejs/plugin-react": "^4.3.4",
     "globals": "^15.14.0",
+    "happy-dom": "^16.6.0",
     "stylelint": "^13.13.1",
     "stylelint-config-standard": "^22.0.0",
     "taze": "^18.1.0",

diff --git a/src/components/Button/Button.jsx b/src/components/Button/Button.jsx
@@ -29,7 +29,7 @@ const Button = forwardRef((props, ref) => {
 		<NavLink
 			ref={ref}
 			to={href}
-			className={`${buttonStyles} ${styles.NavLink}`}
+			className={`${buttonStyles} ${styles.link}`}
 			viewTransition
 		>
 			{children}

diff --git a/src/components/Preview/Preview.jsx b/src/components/Preview/Preview.jsx
@@ -7,6 +7,7 @@ function Preview({ file }) {
 		<div className={styles.fileInfo}>
 			<figure className={styles.fileInfo_preview}>
 				<img
+					data-testid="preview-image"
 					loading="lazy"
 					className={styles.fileInfo_previewImage}
 					src={file.preview}