What new hooks appeared in React 18?

React 18 introduced new hooks related to improved support for asynchronous rendering and concurrent mode. The main ones are:

• useId — for generating unique identifiers that are stable between server and client rendering, which is important for SSR.

• useSyncExternalStore — a hook for subscribing to external data sources with support for concurrent mode.

• useInsertionEffect — a hook that is called synchronously before DOM mutations, useful for inserting styles or other effects that should occur before rendering.

These hooks help better integrate with the new features of React 18, such as automatic batching, transitions, and concurrent rendering.