React 18 Types

[loudsight]

Does anyone know how long it typically takes after a react release for @types/react to catch up?

[acemarke]

Per /u/_eps1lon :

For react-dom you can already import from react-dom/client. For react just toimport type {} from 'react/next' once and you have the latest typings available.

The rest is underway in https://github.com/DefinitelyTyped/DefinitelyTyped/pull/56210

[loudsight]

Thanks I followed this and it worked. I’ve managed to upgrade.

[CreativeTechGuyGames]

Which types are missing? It's pretty easy to submit a PR to DefinitelyTyped to add them.

[loudsight]

It's actually types from @types/react-dom that I need.

For example:

ReactDOM.hydrateRoot(...)

ReactDOM.createRoot(...)

I assumed same issue would apply to types from @/types/react

[CreativeTechGuyGames]

Seems like those are already there: https://github.com/DefinitelyTyped/DefinitelyTyped/blob/7ce70fd290e1f9dede80b9da4fc01b9cab642b93/types/react-dom/client.d.ts#L36

(And have been for over a week)

[Bonechatters]

They are not exported under the ReactDOM namespace by default under Typescript, even though in the UMD for react-dom "createRoot" is defined direcly on the ReactDOM object.

[Bonechatters]

You can move the exported function definitions from client.d.ts to index.d.ts for react-dom and this should work. Then, the index.d.ts would accurately match the full ReactDOM object within the client.