message: Query Browser: Fix bug where memo prevented render on width change
  A change in the chart container width should trigger a re-render of the
  chart, so the `useRefWidth` state should be moved outside of `Graph`.
diff: @@ -247,10 +247,8 @@ const LegendContainer = ({ children }: { children?: React.ReactNode }) => {
  );
  };
  -const Graph: React.FC<GraphProps> = React.memo(
  - ({ allSeries, disabledSeries, formatLegendLabel, isStack, span, xDomain }) => {
  - const [containerRef, width] = useRefWidth();
  -
  +const GraphInner: React.FC<GraphInnerProps> = React.memo(
  + ({ allSeries, disabledSeries, formatLegendLabel, isStack, span, width, xDomain }) => {
  // Remove any disabled series
  const data = _.flatMap(allSeries, (series, i) => {
  return _.map(series, ([metric, values]) => {
  @@ -313,8 +311,6 @@ const Graph: React.FC<GraphProps> = React.memo(
  : undefined;
  return (
  - <div ref={containerRef} style={{ width: '100%' }}>
  - {width > 0 && (
  <Chart
  containerComponent={graphContainer}
  domain={domain}
  @@ -352,12 +348,19 @@ const Graph: React.FC<GraphProps> = React.memo(
  />
  )}
  </Chart>
  - )}
  - </div>
  );
  },
  );
  +const Graph: React.FC<GraphProps> = (props) => {
  + const [containerRef, width] = useRefWidth();
  + return (
  + <div ref={containerRef} style={{ width: '100%' }}>
  + {width > 0 && <GraphInner {...props} width={width} />}
  + </div>
  + );
  +};
  +
  const formatSeriesValues = (
  values: PrometheusValue[],
  samples: number,
  @@ -766,6 +769,8 @@ type GraphEmptyStateProps = {
  title: string;
  };
  +type GraphInnerProps = GraphProps & { width: number };
  +
  type GraphProps = {
  allSeries: Series[][];
  disabledSeries?: PrometheusLabels[][];
  