TypeScript Error when putting Chart inside of ResponsiveContainer

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

Reproduction link

Steps to reproduce

Put a Chart inside of a ResponsiveContainer - see also codesandbox

–> TypeScript Error in ChartUtils.js:86 at calculateActiveTickIndex

What is expected?

No Error

What is actually happening?

I really cant tell because i am new to recharts. I tried with version 2.0.0, 2.0.1 and 2.0.2 I cant even run the examle codes provided on recharts.org inside of a ResponsiveContainer I get a TypeError: Cannot read property ‘length’ of undefined

Environment	Info
Recharts	v2.0.2
React	tested with 16.14 and 17.0.0
System	Windows 10
Browser	Chrome

---

I made a very short codesandbox to reproduce: https://codesandbox.io/s/recharts-typescript-error-4mtpq

[marnixhoh]

I am having the same issue as @raRaRa. The error appears to be coming from calculateActiveTickIndex…

Note: for me it only appears in my Jest tests when after the component has mounted I change what is being passed to data (BarChart) using setProps(). Whether or not the contents of the array change doesn’t seem to matter. Instead, it seems that an error is thrown when the reference to the array is changed (a new array is passed to the data prop).

It appears that this results in the ticks passed to calculateActiveTickIndex to be undefined, leading to the error as pointed out by @raRaRa. Note that my tests used to pass on Recharts version 1.8.5. It stopped working after upgrading to 2.0.3.

Also, I have tried it without the ResponsiveContainer, but the error persists…

React: 16.14.0

[ferdingler]

+1, removing <ResponsiveContainer> doesn’t change anything. The issue still appears in our Jest tests