coder/site/components/Redirect.tsx

import React, { useEffect } from "react"
import { useRouter } from "next/router"

export interface RedirectProps {
  /**
   * The path to redirect to
   * @example '/projects'
   */
  to: string
}

/**
 * Helper component to perform a client-side redirect
 */
export const Redirect: React.FC<RedirectProps> = ({ to }) => {
  const { replace } = useRouter()

  useEffect(() => {
    void replace(to)
  }, [replace, to])

  return null
}