@mui/x-charts/esm/context/useChartApiContext.js

The community edition of MUI X Charts components.

'use client';

import * as React from 'react';
import { useChartContext } from "./ChartProvider/index.js";
/**
 * The `useChartApiContext` hook provides access to the chart API.
 * This is only available when the chart is rendered within a chart or a `ChartDataProvider` component.
 * If you want to access the chart API outside those components, you should use the `apiRef` prop instead.
 * @example
 * const apiRef = useChartApiContext<ChartApi<'bar'>>();
 */
export function useChartApiContext() {
  const {
    publicAPI
  } = useChartContext();
  const apiRef = React.useRef(publicAPI);
  React.useEffect(() => {
    apiRef.current = publicAPI;
  }, [publicAPI]);
  return apiRef;
}