I want to navigate to external url when a button is clicked. And the URL data is provided from client side to api route. But api route is unable to navigate

page.jsx const handleClick = async (e, productURL) => { setLoading(true); try { const response = await fetch(${process.env.NEXT_PUBLIC_BASE_URL}/api/getUrl,{ method: "POST", mode: 'no-cors', headers: { "Content-Type": "application/json", }, body: JSON.stringify({ productURL: productURL}), credentials: 'include', redirect: 'follow' }); } catch (error) { console.log(error); setLoading(false); } finally { setLoading(false); } }; api/getUrl/route.js export async function POST(request) { try { const { productURL} = await request.json(); console.log("productURL->", productURL); return NextResponse.redirect("https://www.google.com/", 302); // just checking if it navigates to google } catch (error) { console.log(error); return NextResponse.json({ message: JSON.stringify('Some Issue!')}, { status: 400 }); } }