Dynamic link route doesn't work on click

Unanswered

Silver carp posted this in #help-forum

Silver carpOP

2024-06-29T22:36:34.260Z

Pretty sure I found a bug in the Next Link API, I've been struggling with next throwing a client side error but it doesn't tell me why..

I ended up finding out it had to do with this:
return <Link href={`/dashboard/profile/${profile.id}/overview`} ..., I noticed when I'm using a dynamic route & then I click it regularly I throws this:

14 Replies

Silver carpOP

2024-06-29T22:36:42.159Z

However, if I were to do ctrl + mouseclick it works fine,

next doesn't allow me to open dynamic links directly unless I open it in another tab

Wait nevermind, it seems to be a deeper issue then that?

Silver carpOP

2024-06-29T22:46:35.377Z

Okay, I pieced something together. That Link in my original message goes to this component:

// * Renders the component that displays questions
export default function ProfileOverview() {
    return (<ProfileQuestions configuration={configuration} />)
    // return <h1>hello</h1>
}

@Silver carp Click to see attachment

Silver carpOP

2024-06-29T22:47:01.751Z

Oddly, when I have the component call the ProfileQuestions it throws this

but, when it returns a header it works fine?

So.. I thought I was going insane, but

// * Show questions for the athlete profile depending on which page it is
export default function ProfileQuestions({ configuration }: QuestionsProps) {
    // const { profile, setProfileHook } = useContext(ProfileContext)!
    // useSetProfileDropdown(configuration)


    return (
        <div className={styles.container}>
            <header className={styles.header}>
                {/* <h2>{Array.from(configuration.heading.split(" ").slice(0, -1).join(" "))} <mark>{Array.from(configuration.heading.split(" ")).pop()}</mark></h2>
                <h3>{configuration.label}</h3> */}
            </header>

            <div className={styles.questions}>

            </div>
        </div>
    )
}

I commented out everything and it still throws that error??

This has to be a bug no?

This is the error it's throwing in the console

I have a layout.tsx file:
https://hastebin.com/share/icuzulibip.javascript

It calls a ProfileProvider component so I can have a context throughout the entire application

and this is the ProfileProvider component:
https://pastebin.com/h1gtMNbL