params.jsx

// pages/params.jsx
import { useEffect, useCallback } from 'react'
import { useRouter } from 'next/router'

function MyComponent() {
    const { push } = useRouter()
    const handleClick = useCallback(() => {
        // some logic
        push('/profile')
    }, [push])

    useEffect(() => {
        if (...) {
            push('/sign-in')
        }
    }, [push])

    return <>...</>
}