Ever since I upgraded to the latest version of highcharts-react-official, my highcharts on a couple of pages have been the wrong width. All other pages seem to work correctly.
On one page, I have several charts that are all configured the same but with slightly different data. Before the update, they took up the full width of their container. Now they all render as ~120px wide (it's not the same every time) despite being in a ~900px container. When I change the width of the window, they update to the correct width.
The top-level div for the chart, the svg, and all the svg elements have width and height set to pixel values, not relative, so making the div larger does nothing. There is nothing else taking up space in that container. These charts are rendered with a shared component that works fine on other pages and for components on the same page. The only things I can think of that could make a difference are that they are in a table, and they don't render when the page loads - they only appear in response to user input.
I would rather not share my code, but I can share the parameters being passed to the HighchartsReact component.
Please let me know if you know what could be causing this or how to fix it.