React 18に対応

[qrac]

React 18で動くようにする。npmの一括アップグレードが行えず面倒なので。

内部で使っている ReactDOM.render() と ReactDOM.hydrate() APIはv18で変更されているので、書き換えないと動かないはず。typesにchildrenが含まれないなども対応必要かも。 あと、依存のreact-helmetもv18対応していないと思うので、自作するかreact-helmet-asyncで動くようにする。

APIをラップする関数を書いてハイブリッド対応するか、v17以前を切るかする。検証が倍化するのでv17以前を切る方が楽。

大きい変更なのでminista v3あたりに組み込む。

[qrac]

当面のReact 17系アップグレードコマンド。

$ ncu '/^(?!react|@types/react).*$/'
$ ncu -u '/^(?!react|@types/react).*$/'
$ npm i -D react@17 react-dom@17 @types/react@17 @types/react-dom@17

[qrac]

ReactDOM.render() は内部で使わなくなった。ReactDOM.hydrate() を条件分岐でハイブリッド対応してみる。