react-highcharts中图表的共享图例？

import ReactHighcharts from 'react-highcharts';
import Highcharts from 'highcharts';

const chartConfig1 = {
  // 图表配置
  series: [
    { name: 'Series 1', data: [1, 2, 3] },
    { name: 'Series 2', data: [4, 5, 6] }
  ],
  legend: {
    enabled: false  // 禁用图例
  }
};

const chartConfig2 = {
  // 图表配置
  series: [
    { name: 'Series 3', data: [7, 8, 9] },
    { name: 'Series 4', data: [10, 11, 12] }
  ],
  legend: {
    enabled: true,
    align: 'right',
    verticalAlign: 'middle',
    layout: 'vertical',
    linkedTo: 'sharedLegend'  // 指定共享的图例容器
  }
};

const App = () => {
  return (
    <div>
      <div id="sharedLegend" style={{ display: 'none' }}></div>  // 共享的图例容器
      <ReactHighcharts config={chartConfig1} />
      <ReactHighcharts config={chartConfig2} />
    </div>
  );
};

export default App;