nextjs：TypeError：无法读取 null 的属性（读取“推送”）

Question

我使用sweetalert2 来显示弹出窗口：

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>')
}

显示弹出窗口后，我点击TEST 并收到以下错误：

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)

没有sweetalert2、<Link> 可以正常工作，否则我会收到错误消息。

Answer 1

请试试这个；

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

或

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