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.

Maximum update depth exceeded using flexible multiline text field in dialog content

See original GitHub issue

Expected Behavior

flexible mutliline text field should be nested in dialog content without any react state update infinity loops

Current Behavior

typing the first letter in the flexible mutliselect text box iam getting following error message

Error: Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. React limits the number of nested updates to prevent infinite loops.

Steps to Reproduce (for bugs)

<Dialog>
  <DialogContent>
   <TextField
    id="multiline-flexible"
    label="label"
    multiline
    rowsMax="2"
    value={value}
    onChange={this.handleChange('value')}
    margin="normal"
    />
  </DialogContent>
</Dialog>

Your Environment

Tech	Version
Material-UI	v1.0.0-beta.38
React	v16.2.0
browser	Firefox 59

Issue Analytics

State:
Created 6 years ago
Reactions:4
Comments:23 (14 by maintainers)

Top GitHub Comments

3reactions

zhdanouskikhcommented, May 11, 2019

This issue is still reproducible on latest beta for 4th version of mui. If you have a multiline TextField in dialogue - app crashes with infinity update loop. Please reopen it and fix.

Browser / OS: Chrome 74.0.3729.131 (Official Build) (64-bit) / Mac OS material-ui: 4.0.0-beta.1 react: 16.8.6

3reactions

oliviertassinaricommented, Mar 19, 2018

Your issue has been closed because it does not conform to our issue requirements. Please provide a full reproduction test case. This would help a lot 👷 . A live example would be perfect. This codesandbox.io template may be a good starting point. Thank you!

Top Results From Across the Web

Maximum update depth exceeded using flexible multiline text ...

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

ReactJS: Maximum update depth exceeded error

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

TailwindCSS animation not working with dark variant-Reactjs

Coding example for the question TailwindCSS animation not working with dark ... <div className={`absolute top-0 left-0 inline-flex items-center ...

Materials Dialog Box - PTC Support

To Create a From-To Depth Cut Motion ... Example: Pencil Tracing Using Angular Limits ... To Specify Travel Limits and Strokes for a...

“Uncaught Error: Maximum update depth exceeded. This can ...

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