在重定向到 React/Nextjs 之前查找链接是否会将用户重定向到 404 页面

Question

我想要一些代码来检查网址是否会（未来）在重定向之前重定向到 404 页面（理论上，可能是 onPageLoad/useEffect 钩子？）。如果该 url 会将用户带到 404 页面（没有用户触摸它 - onload），则当前页面链接样式将 - 变灰；如果将用户带到存在的网址，则链接将显示为蓝色。

     {data.currencies.map(data => (
           <tr key={data.code}>
                  <td>
                   <Image src={`${exampledomainurl}/${data.code.toLowerCase()}.png`} width={30} height={20} />
                  </td>
                      <Link
                         href={`${exampledomainurl}/${data.name.replace(/\s+/g, "-").toLowerCase()}`} >
td>
                   <a={data.name}</a>
                    </td>


             </tr>

作为参考，最终链接看起来像这样 - www.exampledomainurl.com/my-example

关于如何使用 React/Nextjs 实现这一目标的想法？