I’d like to be able to sort and filter our users by age. As pr the suggestion here, we added each user’s age as a Unix timestamp.
However, when I add a simple
<RangeInput attribute="birthday" />
and try to interact with it, the rest of the page becomes totally unresponsive, eventually prompting a chrome “Site is unresponsive, do you want to wait or close it” dialog. I’ve verified that it only happens when I add this single component, it works fine without it.
How can that be? Our user index contains around 11k users.
I’ve tested the site using the React Profiler, and there doesn’t seem to be any infinite render loops or anything, so I assume it’s got something to do with the logic behind the component.
PS: There doesn’t seem to be any TS typings for
RangeProvided yet. Also, it doesn’t pass component props along in the
const RangeInput: React.FunctionComponent<Props> connectRange(RangeInput); export const ARRangeInput = connectRange(RangeInput);
converts types for
ARRangeInput: React.ComponentClass<any, any>