react-jsx-highcharts/src/components/UseAxis/index.js

Highcharts charts built using React components

import { useContext, useState, useEffect, useDebugValue } from 'react';
import AxisContext from '../AxisContext';
import useChart from '../UseChart';
import createProvidedAxis from '../Axis/createProvidedAxis';

export default function useAxis(axisId) {
  const chart = useChart();
  const contextAxis = useContext(AxisContext);

  const createStateAxis = () => {
    if (contextAxis) return contextAxis;

    if (axisId) {
      const axis = chart.get(axisId);
      return createProvidedAxis(axis);
    }
    return null;
  };

  const [providedAxis, setProvidedAxis] = useState(createStateAxis);
  useEffect(() => {
    if (providedAxis) return; // we already had axis
    // axis should now be created
    setProvidedAxis(createStateAxis());
  }, []);
  useDebugValue(providedAxis ? providedAxis.id : null);

  return providedAxis;
}