سلام،

پکیج رو نصب کنید:

npm install highcharts highcharts-react-official

مثال 1:

import React from 'react';
import './App.css';
import Highcharts from 'highcharts';
import HighchartsReact from 'highcharts-react-official';
function App() {
  const options = {
    title: {
      text: 'My Chart'
    },
    series: [{
      data: [1, 2, 3, 4, 5]
    }]
  };
  return (
    <div className="App">
      <HighchartsReact
        highcharts={Highcharts}
        options={options}
      />
    div>
  );
}
export default App;

مثال 2:

import React from 'react';
import './App.css';
import Highcharts from 'highcharts';
import HighchartsReact from 'highcharts-react-official';
function App() {
  const options = {
    chart: {
      type: 'column'
    },
    title: {
      text: 'فروش به تفکیک ماه در شهرهای ایران'
    },
    xAxis: {
      categories: ['فروردین', 'اردیبهشت', 'خرداد', 'تیر', 'مرداد', 'شهریور', 'مهر', 'آبان', 'آذر', 'دی', 'بهمن', 'اسفند'],
      crosshair: true
    },
    yAxis: {
      min: 0,
      title: {
        text: 'فروش (واحد)'
      }
    },
    tooltip: {
      headerFormat: '{point.key}',
      pointFormat: '{series.name}: ' +
        '{point.y:.1f} واحد',
      footerFormat: '',
      shared: true,
      useHTML: true
    },
    plotOptions: {
      column: {
        pointPadding: 0.2,
        borderWidth: 0
      }
    },
    series: [{
      name: 'تهران',
      data: [50, 70, 105, 130, 140, 150, 165, 175, 185, 190, 195, 200]
    }, {
      name: 'مشهد',
      data: [80, 75, 95, 90, 105, 115, 125, 135, 145, 155, 165, 175]
    }, {
      name: 'اصفهان',
      data: [45, 35, 40, 50, 55, 60, 65, 70, 75, 85, 95, 100]
    }]
  };
  return (
    <div className="App">
      <HighchartsReact
        highcharts={Highcharts}
        options={options}
      />
    div>
  );
}
export default App;

من اون مثلا اول رو انجام دادم مقدار highchart که به عنوان پراپس بشه پاس داده میشه رو نمیشناسه و میگه که تعریف نشده است

کدتون رو پیوست کنید.