Next.jsはReact Hooksの最適化を行っている

Babelならば

swcならば

これらの変換はビルトインなhookに対して const [a, b] = useState(...) を const {0: a, 1: b} = useState(...) にするが，これが一体何を意味しているのかわからなかった

一見して長くなっているように見えるし

ところでこの変換，RestElementが考慮されていないように見えるんだけど，どうなるんだろう？

結論としては，@babel/plugin-transform-destructuringが配列として確定できない値について長大なPolyfillを吐くかららしい

オブジェクトにしてしまえば，こんな面倒なことは起こらない

「まともな」配列が返ってくることが保証されているhookについて，@babel/plugin-transform-destructuringの loose オプションを有効にしたときと同様の結果が得られるような変換を行っている

from 2022-03