作業メモ: Kuma UI のバグを直す

Kuma UI を使ってたらエラーが出たので直す

Error: StyleSheetRegistry: id: `` not found in idIndexesMap.

まずは適当に grep してエラー箇所を発見

https://github.com/kuma-ui/kuma-ui/blob/4b2347275aa17f392e77adc85ab5889b95c40fbe/packages/core/src/registry/StyleSheetRegistry.ts#L43-L47

id が空文字なのがキモいので弾けば直りそうだけど、さてどこで弾こうかな。

いったん昼ごはん食べる

飯くったので再開する

そもそもこの空文字はどこ由来なのか調べる

順に追うと見つかった。ランタイムで処理する style props が空のときにクラスも空になる

https://github.com/kuma-ui/kuma-ui/blob/4b2347275aa17f392e77adc85ab5889b95c40fbe/packages/core/src/components/Box/react/DynamicBox.tsx#L58

https://github.com/kuma-ui/kuma-ui/blob/4b2347275aa17f392e77adc85ab5889b95c40fbe/packages/core/src/components/Box/react/DynamicBox.tsx#L38

https://github.com/kuma-ui/kuma-ui/blob/4b2347275aa17f392e77adc85ab5889b95c40fbe/packages/system/src/generator.ts#L119-L121

https://github.com/kuma-ui/kuma-ui/blob/4b2347275aa17f392e77adc85ab5889b95c40fbe/packages/system/src/generator.ts#L13-L16

適当にconsole debug してみると、とりあえず getCachedStyle に渡している dynamicProps が空じゃないことはわかった

https://github.com/kuma-ui/kuma-ui/commit/4b7cc129977a01825c2238128a9042ac536d86ec

つまり空文字はここ由来じゃなかった
https://zenn.dev/link/comments/2ffc0d88b88611

いやちがった、remove の時のエラーなのに mount 時のログを見ちゃってた

完全にメモ忘れてたけど結果こうなった
https://github.com/kuma-ui/kuma-ui/pull/380

出力されるCSSが空になる状態で DynamicBox がレンダリングされてたのがおかしいので、より判定を厳格にして StaticBox がレンダリングされるようにした。Object#keys であるあるのやつ