Converts Recharts configuration into MAIDR data format.
The result is memoized: it only recomputes when individual config
fields change. You do not need to stabilize the config object
reference itself — the hook destructures it and tracks each field
independently. However, fields that are arrays or objects (data,
yKeys, layers, subplots, fillKeys, binConfig) are compared
by reference. Define them outside the component or wrap them in
useMemo to avoid unnecessary recomputation on every render.
In subplot mode (subplots set), the hook — unlike <MaidrRecharts> —
does NOT wrap your charts in panel container divs. You must render each
panel's chart inside a container matching the generated panel scope
(<div className="maidr-panel-<row>-<col>">, row-major grid positions)
or set panelSelector on each panel config to your own unique selector.
Converts Recharts configuration into MAIDR data format.
The result is memoized: it only recomputes when individual config fields change. You do not need to stabilize the config object reference itself — the hook destructures it and tracks each field independently. However, fields that are arrays or objects (
data,yKeys,layers,subplots,fillKeys,binConfig) are compared by reference. Define them outside the component or wrap them inuseMemoto avoid unnecessary recomputation on every render.In subplot mode (
subplotsset), the hook — unlike<MaidrRecharts>— does NOT wrap your charts in panel container divs. You must render each panel's chart inside a container matching the generated panel scope (<div className="maidr-panel-<row>-<col>">, row-major grid positions) or setpanelSelectoron each panel config to your own unique selector.