update Next.js projects

Author: Lukas742

examples/nextjs-app/.eslintrc.json

@@ -29,7 +29,7 @@ const THEMES = [
 export function AppShellBar() {
   const router = useRouter();
   const pathname = usePathname();
-  const popoverOpenerRef = useRef<ButtonDomRef | undefined>(undefined);
+  const popoverOpenerRef = useRef<ButtonDomRef>(null);
   const [popoverOpen, setPopoverOpen] = useState(false);
   const [currentTheme, setCurrentTheme] = useState(getTheme);
 
@@ -64,6 +64,7 @@ export function AppShellBar() {
       <ResponsivePopover
         className={classes.popover}
         open={popoverOpen}
+        /* eslint-disable-next-line react-hooks/refs */
         opener={popoverOpenerRef.current}
         onClose={() => {
           setPopoverOpen(false);

examples/nextjs-app/app/components/AppShellBar.tsx

@@ -0,0 +1,14 @@
+import { defineConfig } from 'eslint/config';
+import nextCoreWebVitals from 'eslint-config-next/core-web-vitals';
+import nextTypescript from 'eslint-config-next/typescript';
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+export default defineConfig([
+  {
+    extends: [...nextCoreWebVitals, ...nextTypescript],
+  },
+]);

examples/nextjs-app/eslint.config.mjs

@@ -6,21 +6,21 @@
     "dev": "next dev",
     "build": "next build",
     "start": "next start",
-    "lint": "next lint"
+    "lint": "eslint ."
   },
   "dependencies": {
     "@ui5/webcomponents": "2.15.1",
     "@ui5/webcomponents-base": "2.15.1",
     "@ui5/webcomponents-fiori": "2.15.1",
     "@ui5/webcomponents-react": "2.15.3",
     "@types/node": "22.18.10",
-    "@types/react": "19.1.17",
-    "@types/react-dom": "19.1.11",
+    "@types/react": "19.2.2",
+    "@types/react-dom": "19.2.2",
     "eslint": "9.36.0",
     "eslint-config-next": "16.0.0",
     "next": "16.0.0",
-    "react": "19.1.1",
-    "react-dom": "19.1.1",
+    "react": "19.2.0",
+    "react-dom": "19.2.0",
     "typescript": "5.9.3"
   }
 }

examples/nextjs-app/package-lock.json

@@ -12,7 +12,7 @@
     "moduleResolution": "node",
     "resolveJsonModule": true,
     "isolatedModules": true,
-    "jsx": "preserve",
+    "jsx": "react-jsx",
     "incremental": true,
     "plugins": [
       {
@@ -23,6 +23,6 @@
       "@/*": ["./*"]
     }
   },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts", ".next/dev/types/**/*.ts"],
   "exclude": ["node_modules"]
 }

examples/nextjs-app/package.json

@@ -0,0 +1,14 @@
+import { defineConfig } from 'eslint/config';
+import nextCoreWebVitals from 'eslint-config-next/core-web-vitals';
+import nextTypescript from 'eslint-config-next/typescript';
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+export default defineConfig([
+  {
+    extends: [...nextCoreWebVitals, ...nextTypescript],
+  },
+]);