some charts don't render correctly on load (but then render correctly when you perturb them)

[quinn-dougherty]

Description:

Steps to reproduce:

1. https://develop--squiggle-documentation.netlify.app/docs/Features/Distributions#mixture
2. click With Continuous and Discrete tab
3. observe chart not rendering correctly
4. do a idempotent operation to the squiggle string (like remove a ) and re-add it)
5. observe chart that we want

Expected behavior:

the chart that shows in step 4 should be on load

What I got instead:

chart seems borked.

[Hazelfire]

That seems very odd. I think I know why that happens

[OAGr]

Right now the memoization is kinda hacky. It probably would be good to submit the entire Squiggle string to the FunctionChart, for it to use as one of the keys for memoization.

[berekuk]

This is due to docusaurus rendering all tabs in advance (facebook/docusaurus#3706), and squiggle-components using useSize, which assigns zero width for tabs rendered offscreen.

[berekuk]

I thought I'd need useMeasure or Resize Observer API to detect when the component appears on screen, but turns out there's a lazy option for <Tabs>. Yay.

PR incoming.

[OAGr]

Some are still broken: