Hi there, I'm looking for a bit of advice on re-parenting child components without mounting and unmounting them and whether it's a sane approach. I'm also very open to this approach being sufficiently complex that it makes more sense to go another route. My use case is that we have Video components laid out in a grid-like fashion, initially side-by-side, then occupying additional rows as needed. At the moment, our React display logic pre-calculates the number of rows that will be needed to support X Video elements, then slots each component into the appropriate row. The problem with this approach is that when the number of components increase/decrease, an individual Video element may be moved into a different row, thus forcing it to be unmounted, then re-mounted. There's quite a bit of setup/teardown logic that's executed each time, so I'd like to avoid that.

;; sample
(for [row rows]
  [:.row
    {:key ...}
    (for [elem-props row]
      (rum/with-key
        (Video elem-props)
        (:id elem-props))])