Tooltips aren't showing up if the top-level data prop is an empty array

[charpeni]

• I have searched the issues of this repository and believe that this is not a duplicate.

Reproduction link

Steps to reproduce

A regression was introduced in 2.9.3, where tooltips aren't showing up if the top-level data is an empty array.

See the reproduction link above.

The following works perfectly (meaning that tooltips are showing up) on 2.9.2, but stopped working starting from 2.9.3:

<ComposedChart data={[]}>
  [...]
  <Tooltip />
  <Bar data={pageData} dataKey="uv" />
</ComposedChart>

What is expected?

I would expect tooltips to appear even though the top-level data is empty, like it used to be the case previously.

What is actually happening?

See the reproduction link above.

When upgrading from 2.9.2 to 2.9.3 (or newer), tooltips aren't showing up anymore.

I investigated a little bit, and the reason is that payload contained within the tooltip is now an empty array and doesn't contain other data keys.

This is only happening with an empty array:

// Tooltips aren't showing up
<ComposedChart data={[]} />

// OK
<ComposedChart />
<ComposedChart data={['keep me']} />

As a workaround, we could omit data instead of passing an empty array, but in that case, it will be leading to another issue: #3985.

The only workaround remaining that should satisfy all usages would be to pass a non-empty array with some junk data, e.g., data={['keep me']}, but I would be really concerned that in the next version, we end up with that junk data somewhere else impacting our chart.

Environment	Info
Recharts	v2.10.1
React	18.2.0
System	macOS Sonoma 14.0
Browser	Chrome 119.0.6045.159

[ckifer]

should be fixed with #3988

will do a patch release at some point soon I think, thanks!

[ckifer]

fixed in 2.10.2