Upgrade Next.js to v16 and update dependencies

[mirhamasala]

📝 Description

This PR upgrades the project from Next.js 15 to Next.js 16, along with related dependency updates and TypeScript configuration improvements to ensure compatibility with the latest framework version.

• Type: Refactor / Dependency Update

🛠️ Key Changes

• Upgraded Next.js from ^15.5.9 to 16.1.6 (major version)
• Updated React from ^19.2.1 to 19.2.4
• Updated React-DOM from ^19.2.1 to 19.2.4
• Updated TypeScript types for React and React-DOM
• Updated @filecoin-foundation/ui-filecoin from ^0.7.4 to ^0.7.5
• Added --webpack flag to dev and build scripts for compatibility
• Changed TypeScript jsx compiler option from "preserve" to "react-jsx"
• Added .next/dev/types/**/*.ts to TypeScript include paths
• Removed ignored dependencies from dependabot configuration

🔖 Resources

• Next.js 16 Release Notes
• Next.js 16 Upgrade Guide
• React 19 Documentation

Note

Next 16 introduces Turbopack as the default bundler for Next.js. While some webpack plugins are compatible with Turbopack, frontmatter-markdown-loader may not be. For now, we're opting to use webpack as a bundler using the --webpack flag. We'll look into transitioning to Turbopack in a following PR.

Note

Dual Initialization Required

Unlike filecoin-site, this app requires setUIConfig to be called in two places:

1. SiteLayout.tsx (server component) - Initializes for server-side rendering
2. Providers.tsx (client component) - Initializes for client-side bundle

Why both are needed:

The Providers component is marked with 'use client' because it uses useState for the QueryClient. This creates a client bundle boundary where the server and client bundles are separate.

• Server bundle components need the config initialized on the server (SiteLayout)
• Client bundle components need the config initialized in the client (Providers)
• The server-side initialization doesn't carry over to the client bundle

Why we can't consolidate:

• If we merged Providers into SiteLayout, the entire SiteLayout would need 'use client' (due to useState), increasing the client bundle size
• The current separation keeps the layout structure (html, fonts, etc.) as a server component for better performance
• filecoin-site doesn't have this issue because it doesn't use a separate client Providers component with state

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
filecoin-cloud	Ready	Preview, Comment	Feb 16, 2026 8:11am

[Copilot]

Pull request overview

This PR upgrades the project’s Next.js framework version (15 → 16) and aligns related tooling/configuration (React, TypeScript, scripts, dependency automation) to keep the app compatible with the new major release.

Changes:

• Upgraded next to 16.1.6 and updated React/React DOM and their type packages.
• Updated Next.js scripts to force Webpack and adjusted TypeScript JSX/include settings for Next-generated types.
• Simplified Dependabot config by removing ignored dependencies and refreshed the lockfile.

Reviewed changes

Copilot reviewed 2 out of 4 changed files in this pull request and generated 3 comments.

File	Description
tsconfig.json	Updates JSX mode and expands TS include globs to cover additional Next-generated types.
package.json	Bumps Next/React versions and modifies build/dev scripts for Webpack compatibility.
package-lock.json	Updates resolved dependency graph for the Next 16 / dependency bumps.
.github/dependabot.yml	Removes previously ignored dependencies so Dependabot will update them again.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[mirhamasala]

FYI @barbaraperic @CharlyMartin

[Copilot]

Pull request overview

Copilot reviewed 6 out of 8 changed files in this pull request and generated no new comments.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.