تعذر إعادة التوجيه عند الضغط على عنصر من عناصر القائمة المنسدلة باستخدام Reactjs

أنا أعمل على Reactjs وأستخدم إطار عمل nextjs ، في الوقت الحالي لدي قائمة منسدلة وأريد فقط إعادة التوجيه إلى عنوان url/page عند النقر ، لذلك حاولت استخدام الكود التالي ولكن لا يعمل 

import { useRouter } from 'next/router'          
const Footer = () => {
    const router = useRouter()
    const handleClick = (e) => {
      e.preventDefault()
      router.push('/some-path')
    }
    ...
}

<select className="form-select mb-3" aria-label="Default select example">
                <option selected>English</option>
                <option value="1" onClick={handleClick}>Arabic - Coming Soon</option>
              </select>

هل يمكنكم مساعدتي؟