【React】React18の新機能 useInsertionEffectとは？ - Qiita

// CSS-in-JS library import { useInsertionEffect } from 'react'; function useCSS(rule) { useInsertionEffect(() => { // <style>...</style>を挿入する }); return rule; } useLayoutEffetより先に実行してくれるのがいい。 レンダリングの処理は以下のようになっており、useInsertionEffect は、useLayoutEffet が実行される前に実行されます。 useLayoutEffetは、画面の描画する前に実行するため、useEffectのちらつきを解決してくれくれる便利なHooksです。 useLayoutEffectの処理と同じタイミングで、CSS in JSのスタイル挿入をしてしまうと、変更前のスタイルで、use