Version Conflict: react-router

Sometimes, your application may contain several versions of react-router. If the version you are using elsewhere is higher than the version used in Abyss, you must override the version in Abyss via the root package.json file. Add the following override:

{
  ...,
  "overrides": {
    "@uhg-abyss/web": {
      "react-router": "7.9.5" // Match the version used in your application
    }
  }
}

Then, you will need to delete every node_module/ folder as well as package-lock.json and run npm install.

React Router 6 only

This will only work with version 6 of react-router and its minor versions.

TypeError: Cannot read properties of undefined (reading 'default') at Object.interopDefault

To address the changes made in the Next.js framework, you must update the files in the pages/ directory inside your application. See below:

└── products
    └── web
        ├── .abyss
        ├── pages
        |   ├── _app.js
        |   ├── _document.js
        |   └── index.js
        ├── src
        └── package.json

Update the following files with the updated exports:

_app.js

export { default } from '@uhg-abyss/core/next-app';

_document.js

export { document as default } from '../src/document';

index.js

export { browser as default } from '../src/browser';