CODEWITHSUNDEEP
javascriptreactjsnext.js
Rez Mohsnei
Rez Mohsnei

Reputation: 207

nextjs: TypeError: Cannot read properties of null (reading 'push')

I use sweetalert2 to show popups:

export default function Home() {
    const MySwal = withReactContent(Swal)
    
    useEffect(() => {
        MySwal.fire({
            showConfirmButton: false,
            customClass: {
                container: "swalPopup"
            },
            html:<Link href={"/profile/dashboard"}><a>TEST</a></Link>,
        })
    }, []);

    return ('<div>Home</div>')
}

After a popup is shown, I click on TEST and I get the following error:

Unhandled Runtime Error
TypeError: Cannot read properties of null (reading 'push')

Call Stack
linkClicked
node_modules/next/dist/client/link.js (50:11)
onClick
node_modules/next/dist/client/link.js (200:16)

Without sweetalert2, <Link> it works fine otherwise I get the error.

Upvotes: 1

Views: 6661

Answers (1)

Anıl Şahin
Anıl Şahin

Reputation: 66

Please try one of these:

<Button type="button" onClick={(e) => router.push('/profile/dashboard')}>
    Test
</Button>

or

<Link href="/">
    <a onClick={(e) => handleClick(e, "//profile/dashboard")}>Test</a>
</Link>```

Upvotes: 1

Related Questions