- error Failed to load next.config.mjs, see more info here https://nextjs.org/docs/messages/next-config-error

Error: Cannot find package 'C:\Users\x\Desktop\nextjs-portfolio\nextjs-portfolio-x\node_modules\.pnpm\@[email protected]_@[email protected]_@[email protected]_yd2af6audhnahnbsveya6jkwiy\node_modules\@opentelemetry\exporter-trace-otlp-grpc\package.json' imported from C:\Users\x\Desktop\nextjs-portfolio\nextjs-portfolio-x\node_modules\.pnpm\@[email protected]_@[email protected]_@[email protected]_yd2af6audhnahnbsveya6jkwiy\node_modules\@effect-ts\otel-exporter-trace-otlp-grpc\_mjs\index.mjs

Did you mean to import @[email protected]_@[email protected]/node_modules/@opentelemetry/exporter-trace-otlp-grpc/build/src/index.js?  
   at legacyMainResolve (node:internal/modules/esm/resolve:188:26)
   at packageResolve (node:internal/modules/esm/resolve:767:14)
   at moduleResolve (node:internal/modules/esm/resolve:829:20)
   at defaultResolve (node:internal/modules/esm/resolve:1034:11)
   at ModuleLoader.defaultResolve (node:internal/modules/esm/loader:375:12)
   at ModuleLoader.resolve (node:internal/modules/esm/loader:344:25)
   at ModuleLoader.getModuleJob (node:internal/modules/esm/loader:220:38)
   at ModuleWrap.<anonymous> (node:internal/modules/esm/module_job:85:39)
   at link (node:internal/modules/esm/module_job:84:36) {
 type: 'Error',
 code: 'ERR_MODULE_NOT_FOUND'
}
 ELIFECYCLE  Command failed with exit code 1.

Unhandled Runtime Error
Error: Hydration failed because the initial UI does not match what was rendered on the server.

Warning: Expected server HTML to contain a matching <article> in <a>.

See more info here: https://nextjs.org/docs/messages/react-hydration-error

Component Stack
article
a
LinkComponent
./node_modules/next/dist/client/link.js (100:23)
div
Card
./app/components/card.tsx (26:11)

error - Page changed from static to dynamic at runtime /projects/planetfall, reason: no-store fetch https://evolving-cougar-30891.upstash.io /projects/[slug]
see more here https://nextjs.org/docs/messages/app-static-to-dynamic-error
    at globalThis.fetch (/Users/xuanliu/react/bio/MySite/node_modules/src/server/app-render.tsx:408:23)
    at HttpClient.request (webpack-internal:///(sc_server)/./node_modules/@upstash/redis/esm/pkg/http.js:94:29)
    at GetCommand.exec (webpack-internal:///(sc_server)/./node_modules/@upstash/redis/esm/pkg/commands/command.js:55:37)
    at PostPage (webpack-internal:///(sc_server)/./app/projects/[slug]/page.tsx:39:19) {
  page: '/projects/[slug]'

export const dynamic = "force-dynamic"

export const dynamic = 'force-dynamic'
export const dynamicParams = true
export const revalidate = false
export const fetchCache = 'auto'
export const runtime = 'nodejs'
export const preferredRegion = 'auto'

<div className="flex flex-col w-full gap-8 mx-auto border-t border-gray-900/10 lg:mx-0 lg:border-t-0 ">
						{[top2, top3].map((project) => (
							<Card key={project.slug}>
								<Article project={project} views={views[project.slug] ?? 0} />
							</Card>
						))}
					</div>

`code`

> [email protected] dev
> next dev

- ready started server on 0.0.0.0:3000, url: http://localhost:3000
- info Loaded env from C:\Users\X\Documents\Workshop\portfolio\.env
- error Failed to load next.config.mjs, see more info here https://nextjs.org/docs/messages/next-config-error
file:///C:/Users/X/Documents/Workshop/portfolio/node_modules/@effect-ts/otel/_mjs/Processor/Simple/index.mjs:7
import { ConsoleSpanExporter, SimpleSpanProcessor } from "@opentelemetry/sdk-trace-base";
         ^^^^^^^^^^^^^^^^^^^
SyntaxError: Named export 'ConsoleSpanExporter' not found. The requested module '@opentelemetry/sdk-trace-base' is a CommonJS module, which may not support all module.exports as named exports.
CommonJS modules can always be imported via the default export, for example using:

const { ConsoleSpanExporter, SimpleSpanProcessor } = pkg;

    at ModuleJob._instantiate (node:internal/modules/esm/module_job:124:21)
    at async ModuleJob.run (node:internal/modules/esm/module_job:190:5) {
  type: 'SyntaxError'
}