Skip to content

[SelectField] Not accepting null in array  #4825

Closed
@BlockChange

Description

@BlockChange

When I return null within a SelectField instead of a MenuItem (with a .map on an array) I get the infamous There is an internal error in the React performance measurement code. Did not expect componentDidUpdate timer to start while render timer is still in progress for another instance. error, but after that:

DropDownMenu.js:250 Uncaught TypeError: Cannot read property 'props' of null

I have to return an empty div to fix this.

And when I try to put the MenuItems in an array, I get (only when I open the menu):

warning.js:44 Warning: flattenChildren(...): Encountered two children with the same key, `1:$.$0`. Child keys must be unique; when two children share a key, only the first child will be used.
    in div (created by List)
    in List (created by Menu)
    in div (created by Menu)
    in ClickAwayListener (created by Menu)
    in Menu (created by DropDownMenu)
    in div (created by Paper)
    in Paper (created by PopoverAnimationVertical)
    in PopoverAnimationVertical
    in MuiThemeProvider

Even though I've keyed the children.

When I return a div instead of nothing or null then I get:

Unknown props `desktop`, `focusState` on <div> tag. Remove these props from the element. For details, see https://fb.me/react-unknown-prop
    in div (created by Menu)
    in div (created by List)
    in List (created by Menu)
    in div (created by Menu)
    in ClickAwayListener (created by Menu)
    in Menu (created by DropDownMenu)
    in div (created by Paper)
    in Paper (created by PopoverAnimationVertical)
    in PopoverAnimationVertical
    in MuiThemeProvider

Metadata

Metadata

Assignees

No one assigned

    Labels

    component: selectThis is the name of the generic UI component, not the React module!

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions