Update Nextjs

app/components/AskOrganizer.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import React, { memo } from "react";
+import { memo } from "react";
 import ContentLockup from "./ContentLockup";
 import Button from "./Button";
 

app/components/Avatar.tsx

@@ -1,4 +1,4 @@
-import React, { memo } from "react";
+import { memo } from "react";
 
 interface AvatarProps extends React.ImgHTMLAttributes<HTMLImageElement> {
   src: string;

app/components/AvatarContainer.tsx

@@ -1,4 +1,4 @@
-import React, { memo } from "react";
+import { memo } from "react";
 
 interface AvatarContainerProps extends React.HTMLAttributes<HTMLDivElement> {
   children?: React.ReactNode;

app/components/Button.tsx

@@ -1,4 +1,4 @@
-import React, { memo } from "react";
+import { memo } from "react";
 
 interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
   children: React.ReactNode;

app/components/Checkbox.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import React, { memo, useId } from "react";
+import { memo, useId } from "react";
 
 interface CheckboxProps {
   checked?: boolean;

app/components/ContentBanner.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import React, { memo } from "react";
+import { memo } from "react";
 import { getAssetPath } from "../../lib/assetUtils";
 import ContentContainer from "./ContentContainer";
 import type { BlogPost } from "../../lib/content";

app/components/ContentContainer.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import React, { memo } from "react";
+import { memo } from "react";
 import { getAssetPath, ASSETS } from "../../lib/assetUtils";
 import type { BlogPost } from "../../lib/content";
 

app/components/ContentLockup.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import React, { memo } from "react";
+import { memo } from "react";
 import Button from "./Button";
 import { getAssetPath } from "../../lib/assetUtils";
 

app/components/ContentThumbnailTemplate.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import React, { memo } from "react";
+import { memo } from "react";
 import Link from "next/link";
 import ContentContainer from "./ContentContainer";
 import { getAssetPath, ASSETS } from "../../lib/assetUtils";

app/components/ContextMenu.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import React, { forwardRef, memo } from "react";
+import { forwardRef, memo } from "react";
 
 interface ContextMenuProps extends React.HTMLAttributes<HTMLDivElement> {
   className?: string;

app/components/ContextMenuDivider.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import React, { forwardRef, memo } from "react";
+import { forwardRef, memo } from "react";
 
 interface ContextMenuDividerProps extends React.HTMLAttributes<HTMLDivElement> {
   className?: string;

app/components/ContextMenuItem.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import React, { forwardRef, memo, useCallback } from "react";
+import { forwardRef, memo, useCallback } from "react";
 
 interface ContextMenuItemProps extends React.HTMLAttributes<HTMLDivElement> {
   children?: React.ReactNode;

app/components/ContextMenuSection.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import React, { forwardRef, memo } from "react";
+import { forwardRef, memo } from "react";
 
 interface ContextMenuSectionProps extends React.HTMLAttributes<HTMLDivElement> {
   title?: string;

app/components/FeatureGrid.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import React, { memo, useMemo } from "react";
+import { memo, useMemo } from "react";
 import ContentLockup from "./ContentLockup";
 import MiniCard from "./MiniCard";
 

app/components/Footer.tsx

@@ -1,4 +1,4 @@
-import React, { memo } from "react";
+import { memo } from "react";
 import Link from "next/link";
 import Logo from "./Logo";
 import Separator from "./Separator";

app/components/Header.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import React, { memo } from "react";
+import { memo } from "react";
 import { usePathname } from "next/navigation";
 import Logo from "./Logo";
 import MenuBar from "./MenuBar";

app/components/HeaderTab.tsx

@@ -1,4 +1,4 @@
-import React, { memo } from "react";
+import { memo } from "react";
 import { getAssetPath } from "../../lib/assetUtils";
 
 interface HeaderTabProps extends React.HTMLAttributes<HTMLDivElement> {

app/components/HeroBanner.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import React, { memo } from "react";
+import { memo } from "react";
 import ContentLockup from "./ContentLockup";
 import HeroDecor from "./HeroDecor";
 import { getAssetPath } from "../../lib/assetUtils";

app/components/HeroDecor.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import React, { memo } from "react";
+import { memo } from "react";
 
 interface HeroDecorProps {
   className?: string;

app/components/HomeHeader.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import React, { memo } from "react";
+import { memo } from "react";
 import { usePathname } from "next/navigation";
 import Logo from "./Logo";
 import MenuBar from "./MenuBar";

app/components/ImagePlaceholder.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import React, { memo } from "react";
+import { memo } from "react";
 
 interface ImagePlaceholderProps {
   width?: number;

app/components/Input.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import React, { memo, useCallback, forwardRef, useId } from "react";
+import { memo, useCallback, forwardRef, useId } from "react";
 
 interface InputProps extends Omit<
   React.InputHTMLAttributes<HTMLInputElement>,

app/components/Logo.tsx

@@ -1,4 +1,4 @@
-import React, { memo } from "react";
+import { memo } from "react";
 import Link from "next/link";
 import { getAssetPath, ASSETS } from "../../lib/assetUtils";
 

app/components/LogoWall.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import React, { useState, useEffect, memo } from "react";
+import { useState, useEffect, memo } from "react";
 import Image from "next/image";
 
 interface Logo {

app/components/MenuBar.tsx

@@ -1,4 +1,4 @@
-import React, { memo } from "react";
+import { memo } from "react";
 
 interface MenuBarProps extends React.HTMLAttributes<HTMLElement> {
   children?: React.ReactNode;

app/components/MenuBarItem.tsx

@@ -1,4 +1,4 @@
-import React, { memo } from "react";
+import { memo } from "react";
 
 interface MenuBarItemProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
   href?: string;

app/components/MiniCard.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import React, { memo } from "react";
+import { memo } from "react";
 import Image from "next/image";
 
 interface MiniCardProps {

app/components/NavigationItem.tsx

@@ -1,4 +1,4 @@
-import React, { memo } from "react";
+import { memo } from "react";
 
 interface NavigationItemProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
   href?: string;

app/components/NumberedCard.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import React, { memo } from "react";
+import { memo } from "react";
 import SectionNumber from "./SectionNumber";
 
 interface NumberedCardProps {

app/components/NumberedCards.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import React, { memo, useMemo } from "react";
+import { memo, useMemo } from "react";
 import NumberedCard from "./NumberedCard";
 import SectionHeader from "./SectionHeader";
 import Button from "./Button";

app/components/QuoteBlock.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import React, { useState, memo } from "react";
+import { useState, memo } from "react";
 import Image from "next/image";
 import QuoteDecor from "./QuoteDecor";
 

app/components/QuoteDecor.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import React, { memo } from "react";
+import { memo } from "react";
 
 interface QuoteDecorProps {
   className?: string;

app/components/RadioButton.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import React, { memo, useCallback, useId } from "react";
+import { memo, useCallback, useId } from "react";
 
 interface RadioButtonProps {
   checked?: boolean;

app/components/RadioGroup.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import React, { memo, useCallback, useId } from "react";
+import { memo, useCallback, useId } from "react";
 import RadioButton from "./RadioButton";
 
 interface RadioOption {

app/components/RelatedArticles.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import React, { useState, useEffect, memo, useMemo, useCallback } from "react";
+import { useState, useEffect, memo, useMemo, useCallback } from "react";
 import ContentThumbnailTemplate from "./ContentThumbnailTemplate";
 import type { BlogPost } from "../../lib/content";
 

app/components/RuleCard.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import React, { memo } from "react";
+import { memo } from "react";
 
 interface RuleCardProps {
   title: string;

app/components/RuleStack.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import React, { memo } from "react";
+import { memo } from "react";
 import Image from "next/image";
 import RuleCard from "./RuleCard";
 import Button from "./Button";

app/components/SectionHeader.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import React, { memo } from "react";
+import { memo } from "react";
 
 interface SectionHeaderProps {
   title: string;

app/components/SectionNumber.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import React, { memo } from "react";
+import { memo } from "react";
 
 interface SectionNumberProps {
   number: number;

app/components/Select.tsx

@@ -1,6 +1,9 @@
 "use client";
 
 import React, {
+  Children,
+  type ReactElement,
+  type ReactNode,
   forwardRef,
   useId,
   useState,
@@ -265,17 +268,17 @@ const Select = forwardRef<HTMLButtonElement, SelectProps>(
       }
 
       // Handle children (option elements)
-      const selectedOption = React.Children.toArray(children).find(
+      const selectedOption = Children.toArray(children).find(
         (
           child,
-        ): child is React.ReactElement<{
+        ): child is ReactElement<{
           value: string;
-          children: React.ReactNode;
+          children: ReactNode;
         }> => {
           if (!React.isValidElement(child)) return false;
           const props = child.props as {
             value?: string;
-            children?: React.ReactNode;
+            children?: ReactNode;
           };
           return props.value === selectedValue;
         },
@@ -351,14 +354,14 @@ const Select = forwardRef<HTMLButtonElement, SelectProps>(
                         {option.label}
                       </SelectOption>
                     ))
-                  : React.Children.map(children, (child) => {
+                  : Children.map(children, (child) => {
                       if (
                         React.isValidElement(child) &&
                         child.type === "option"
                       ) {
                         const optionProps = child.props as {
                           value: string;
-                          children: React.ReactNode;
+                          children: ReactNode;
                         };
                         return (
                           <SelectOption

app/components/SelectDropdown.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import React, { forwardRef, memo } from "react";
+import { forwardRef, memo } from "react";
 
 interface SelectDropdownProps extends React.HTMLAttributes<HTMLDivElement> {
   className?: string;

app/components/SelectOption.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import React, { forwardRef, memo, useCallback } from "react";
+import { forwardRef, memo, useCallback } from "react";
 
 interface SelectOptionProps {
   children?: React.ReactNode;

app/components/Separator.tsx

@@ -1,4 +1,4 @@
-import React, { memo } from "react";
+import { memo } from "react";
 
 const Separator = memo(() => {
   return (

app/components/Switch.tsx

@@ -1,4 +1,4 @@
-import React, { memo, useCallback, useId, forwardRef } from "react";
+import { memo, useCallback, useId, forwardRef } from "react";
 
 interface SwitchProps extends Omit<
   React.ButtonHTMLAttributes<HTMLButtonElement>,

app/components/TextArea.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import React, { memo, useCallback, forwardRef, useId } from "react";
+import { memo, useCallback, forwardRef, useId } from "react";
 
 interface TextAreaProps extends Omit<
   React.TextareaHTMLAttributes<HTMLTextAreaElement>,

app/components/Toggle.tsx

@@ -1,4 +1,4 @@
-import React, { memo, useCallback, useId, forwardRef } from "react";
+import { memo, useCallback, useId, forwardRef } from "react";
 
 interface ToggleProps extends Omit<
   React.ButtonHTMLAttributes<HTMLButtonElement>,

app/components/ToggleGroup.tsx

@@ -1,4 +1,4 @@
-import React, { memo, useCallback, useId, forwardRef } from "react";
+import { memo, useCallback, useId, forwardRef } from "react";
 
 interface ToggleGroupProps extends Omit<
   React.ButtonHTMLAttributes<HTMLButtonElement>,

app/components/WebVitalsDashboard.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import React, { useState, useEffect, memo } from "react";
+import { useState, useEffect, memo } from "react";
 
 interface VitalData {
   value: number;

app/monitor/page.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import WebVitalsDashboard from "../components/WebVitalsDashboard";
 import Header from "../components/Header";
 import Footer from "../components/Footer";

next.config.mjs

@@ -2,9 +2,6 @@ import createMDX from "@next/mdx";
 
 /** @type {import('next').NextConfig} */
 const nextConfig = {
-  eslint: {
-    ignoreDuringBuilds: true,
-  },
   // Performance optimizations
   experimental: {
     optimizeCss: true,

package.json

@@ -46,11 +46,11 @@
   "dependencies": {
     "@mdx-js/loader": "^3.1.1",
     "@mdx-js/react": "^3.1.1",
-    "@next/mdx": "^15.5.2",
+    "@next/mdx": "^16.0.0",
     "ajv": "^8.12.0",
     "critters": "^0.0.23",
     "gray-matter": "^4.0.3",
-    "next": "15.2.4",
+    "next": "^16.0.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0"
   },
@@ -80,7 +80,7 @@
     "@vitest/browser": "^3.2.4",
     "@vitest/coverage-v8": "^3.2.4",
     "eslint": "^9",
-    "eslint-config-next": "15.2.0",
+    "eslint-config-next": "^16.0.0",
     "eslint-plugin-storybook": "^9.0.7",
     "jest-axe": "^10.0.0",
     "jsdom": "^26.1.0",

tsconfig.json

@@ -1,7 +1,11 @@
 {
   "compilerOptions": {
     "target": "ES2017",
-    "lib": ["dom", "dom.iterable", "esnext"],
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
     "allowJs": true,
     "skipLibCheck": true,
     "strict": false,
@@ -12,7 +16,7 @@
     "moduleResolution": "bundler",
     "resolveJsonModule": true,
     "isolatedModules": true,
-    "jsx": "preserve",
+    "jsx": "react-jsx",
     "forceConsistentCasingInFileNames": true,
     "noUnusedLocals": true,
     "noUnusedParameters": true,
@@ -29,7 +33,10 @@
     "**/*.ts",
     "**/*.tsx",
     "**/*.js",
-    "**/*.jsx"
+    "**/*.jsx",
+    ".next/dev/types/**/*.ts"
   ],
-  "exclude": ["node_modules"]
+  "exclude": [
+    "node_modules"
+  ]
 }