[BUG] - When clicking a <Link /> component with a HREF attribute I get an error in the console.

jcsabin commented 5 months ago

NextUI Version

2.3.1

Describe the bug

I recently updated all my packages in my project to the latest version and it seems to have broken the routing setup with nextJS and NextUI.

Everywhere I have a NextUI component that contains a HREF that used to work previously now displays the following error

Cannot read properties of undefined (reading 'startsWith')

My deps are as follows

"dependencies": { "@heroicons/react": "^2.0.18", "@hookform/error-message": "^2.0.1", "@internationalized/date": "^3.5.2", "@nextui-org/button": "^2.0.28", "@nextui-org/card": "^2.0.28", "@nextui-org/checkbox": "^2.0.29", "@nextui-org/date-picker": "^2.0.6", "@nextui-org/dropdown": "^2.1.22", "@nextui-org/input": "^2.1.18", "@nextui-org/progress": "^2.0.28", "@nextui-org/radio": "^2.0.28", "@nextui-org/react": "^2.3.1", "@nextui-org/select": "^2.1.22", "@nextui-org/system": "^2.1.0", "@nextui-org/tabs": "^2.0.27", "@nextui-org/theme": "^2.2.3", "@reduxjs/toolkit": "^1.9.5", "@types/node": "20.2.6", "@types/react": "18.2.10", "@types/react-dom": "18.2.4", "autoprefixer": "10.4.14", "classnames": "^2.3.2", "encoding": "^0.1.13", "eslint": "8.42.0", "eslint-config-next": "^13.5.3", "firebase": "^10.12.1", "framer-motion": "^11.1.1", "moment": "^2.29.4", "next": "^14.0.4", "nextui-cli": "^0.2.0", "postcss": "8.4.24", "react": "^18.2.0", "react-dom": "^18.2.0", "react-hook-form": "^7.45.2", "react-redux": "^8.1.2", "recharts": "^2.8.0", "redux": "^4.2.1", "tailwindcss": "^3.3.2", "typescript": "5.1.3" },

Screenshots of my routing setup _app.tsx file

My Providers file

Your Example Website or App

No response

Steps to Reproduce the Bug or Issue

1) set up a component with a HREF

e.g

Text Here

2) Click on the the link in the FE app and then it doesn't redirect the user to that page it throws the error as stated above.

Expected behavior

It should redirect the user to the page clicked on

Screenshots or Videos

Operating System Version

MacOS

Browser

Chrome

linear[bot] commented 5 months ago

ENG-870 [BUG] - When clicking a <Link /> component with a HREF attribute I get an error in the console.

wingkwong commented 5 months ago

duplicate of https://github.com/nextui-org/nextui/issues/2934. see the last comment there.

jcsabin commented 5 months ago

duplicate of #2934. see the last comment there.

Appreciate your taking the time to link that but I swapped all that around in the last comment on the post you linked and unless I'm doing something stupid, it's throwing errors.

wingkwong commented 5 months ago

@jcsabin please DM me in discord

nextui-org / nextui