react如何跳转页面？

import { useNavigate } from 'react-router-dom';

const navigate = useNavigate();

<div className='listleft' key={i} onClick={()=>{
                            func("/home",i)
                        }}>

function func(url,id){
        console.log(url);
        console.log(id.id);
        navigate(url,{
            state:{
                id:id
            }
        })
    }