Bug: the type of ReactDOM.prefetchDNS does not exist. about react

[ssaurexd]

I solved this problem deleting node_modules, package-lock.json and doing again npm install

[jadurani]

suggestion from the NextJS team:

You can use // @ts-ignore as a temporary solution to avoid type errors.

source: https://nextjs.org/docs/app/api-reference/functions/generate-metadata#link-reldns-prefetch

[Gauravpadam]

I can second to the error you've received , prefetchDNS is indeed not found in 'react-dom'

Closest I've ever come across is ReactDOM.prefetch(url)

However I'm not getting the same dns-prefetch tag when using prefetchDNS()

import React from "react";
import ReactDOM from "react-dom";

export function PreloadResources() {
  ReactDOM.prefetchDNS("https://www.google.com/");

  return null;
}


function App() {
  return (
    <>
      <PreloadResources />
    </>
  );
}

export default App;

It's a small component, similar to yours
maybe its the code that is incorrect?
other devs can take a look

[hmartiins]

@Gauravpadam the difference I saw is that I call my component within the head tag of my site, in your code you are calling it in the body of the page, and it would be cool to see if the react-dom is up to date, as these functions are still very recent

[hmartiins]

From what I've seen the types are even implemented in the ReactDOMTypes. But it is not up to date with the @types/react-dom type library, we can check it in this link.

I can contribute by updating the type library, but I don't know if it's the right way to go..

[hmartiins]

Yes, the functionality exists, but it has not been documented with types yet.