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";