Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[FormControl] Maximum update depth exceeded

See original GitHub issue

Apparently, [FormControl] component supports only one [Input]. Following code throws error Maximum update depth exceeded

<FormControl>
    <Input value="a" />
    <Input value="" />
</FormControl>

When both [Input]s are with empty value or both are filled, everything is okay. When one is filled and other is not, error is thrown.

I’m not sure if this is bug, but if that is intentional, I guess that Docs should mention that and React.Children.only should be used.

Issue Analytics

State:
Created 5 years ago
Reactions:2
Comments:6 (5 by maintainers)

Top GitHub Comments

1reaction

oliviertassinaricommented, Oct 21, 2020

@voliva We recommend to avoid it because some states are meant to impact a single textbox, e.g. focused, filled.

1reaction

Mangattcommented, Jul 23, 2018

Sure, I can try. Let me dive into contributing guidelines first.

Top Results From Across the Web

[FormControl] Maximum update depth exceeded · Issue #12197

When both [Input]s are with empty value or both are filled, everything is okay. When one is filled and other is not, error...

Formik Warning: Maximum update depth exceeded

Error: "Warning: Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either ...

Child component prop causes "Maximum update depth exceeded ...

I have the following two components. Brands.js is a parent component that contains the SearchField component and passes a few props to it....

× Unhandled Rejection (Error): Maximum update depth exceeded ...

Error: Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. React limits ...

Multipart form with React - Text, date, number, image

Error: Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or ...