Bump elastic-charts to 46.9.0 (#74)

* Bump elastic-charts to 46.9.0

* Add useEffect dependencies

This ensures logging only happens if state changes.

* Clean up log messages

src/plugins/profiling/public/components/bar-chart.tsx

@@ -24,7 +24,7 @@ export interface BarChartProps {
 export const BarChart: React.FC<BarChartProps> = ({ id, name, height, data, x, y }) => {
  useEffect(() => {
  console.log(new Date().toISOString(), 'updated bar-chart');
- });
+ }, [id, name, height, data, x, y]);
 
  return (
  <Chart size={{ height }}>

src/plugins/profiling/public/components/chart-grid.tsx

@@ -62,9 +62,11 @@ export const ChartGrid: React.FC<ChartGridProps> = ({ maximum }) => {
  }
  return charts;
  };
+
  useEffect(() => {
  console.log(new Date().toISOString(), 'updated chart-grid');
- });
+ }, [ctx]);
+
  return (
  <>
  <EuiSpacer />

src/plugins/profiling/public/components/flamegraph-nav.tsx

@@ -10,10 +10,10 @@ import React, { useEffect } from 'react';
 
 export const FlameGraphNavigation = ({ index, projectID, n, timeRange, getter, setter }) => {
  useEffect(() => {
- console.log(new Date().toISOString(), timeRange);
  console.log(new Date().toISOString(), 'started payload retrieval');
  getter(index, projectID, timeRange.unixStart, timeRange.unixEnd, n).then((response) => {
  console.log(new Date().toISOString(), 'finished payload retrieval');
+ console.log(new Date().toISOString(), response);
  setter(response);
  console.log(new Date().toISOString(), 'updated local state');
  });

src/plugins/profiling/public/components/stacked-bar-chart.tsx

@@ -32,9 +32,11 @@ export const StackedBarChart: React.FC<StackedBarChartProps> = ({
  category,
 }) => {
  const ctx = useContext(TopNContext);
+
  useEffect(() => {
  console.log(new Date().toISOString(), 'updated stacked-bar-chart');
- });
+ }, [ctx, id, name, x, y, category]);
+
  return (
  <Chart size={{ height }}>
  <Settings showLegend={false} />