React Google Charts Component

import { GoogleChart } from "google-charts-react-component";

function YourCoolApp() {
    return (
        <GoogleChart
            title="Sales"
            type="line"
            data={data}
            options={options}
            className="w-full h-full"
        />
    );
}

TypeScript?

If you are using TypeScript, you can use strong type support:

<GoogleChart<google.visualization.LineChart>
    data={data}
    type="line"
    options={options} // automatically typed with LineChartOpitions
/>