NextJS SyntaxError: Unexpected token 'export' on node_modules

Question

I am trying to test/switch a Vite+React repo to NextJS+React.
After making the basic changes i got this error:

/.../repo-name/node_modules/react-router-typing/dist/index.js:1
export { generateUtils } from "./generate-utils";

SyntaxError: Unexpected token 'export'

I tried changing tsconfig from esnext to es5 but there were no changes in the error message.
The error is thrown in the react-router-typing and I can't make changes to the node_module.
The import location looks like so:

import { defineRoutes, asBrowserRouter, AsRouteConfig, generateUtils } from 'react-router-typing'

...

export const { pagePath, pageMatch } = generateUtils<RouteConfig>()

The Blind Hawk · Accepted Answer · 2023-11-27 04:57:43Z

0

Add the library to thetranspilePackages in next.config.js

/** @type {import('next').NextConfig} */
const nextConfig = {
    reactStrictMode: true,
    transpilePackages: [
        'react-router-typing',
    ],
}

export default nextConfig

Found the answer here.

answered Nov 27, 2023 at 4:57

The Blind Hawk

1,70219 silver badges39 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

NextJS SyntaxError: Unexpected token 'export' on node_modules

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related