React-grid-layout: [Bug] Unexpected warning: `Failed prop type: minWidth larger than item width/maxWidth`

Created on 17 Feb 2017  路  9Comments  路  Source: STRML/react-grid-layout

This is my child component

<MyWidget ... layout={{ x: 0, y: 0, w: 5, h: 5, minW: 3 }}>

I am getting this warning just because I put minW: 3

Warning: Failed prop type: minWidth larger than item width/maxWidth
in GridItem (created by ReactGridLayout)
in ReactGridLayout (created by ResponsiveReactGridLayout)
in ResponsiveReactGridLayout (created by Measure)
in Measure (created by ResponsiveReactGridLayout)
in ResponsiveReactGridLayout (created by Dashboard)

When I investigated I discovered that it arrives to GridItems.js with w=2 (even if I explicitly set it to 3).

stale

All 9 comments

+1 - This is happening to me too. Has anyone learned what is happening here?

Same here.
Any solution?

any updates on this yet?

Anyone found a solution?

I'm getting a very similar error

Failed prop type: maxHeight smaller than item height/minHeight

This issue is stale because it has been open 30 days with no activity. Remove stale label or comment or this issue will be closed in 7 days

Same here, any updates?

Same here any updates. I have the same issue

index.js:1375 Warning: Failed prop type: minHeight larger than item height/maxHeight
    in GridItem (created by ReactGridLayout)
    in ReactGridLayout (created by ResponsiveReactGridLayout)
    in ResponsiveReactGridLayout (created by WidthProvider)
    in WidthProvider (at table-large.jsx:24)
    in CSSTransitionGroupChild (created by TransitionGroup)
    in span (created by TransitionGroup)
    in TransitionGroup (created by CSSTransitionGroup)
    in CSSTransitionGroup (at table-large.jsx:15)
    in TableLarge (at table-leadbox.component.jsx:50)
    in div (at table-leadbox.component.jsx:58)
    in TableLeadBox (at lead-box-container.component.jsx:24)
    in div (at lead-box-container.component.jsx:15)
    in div (at lead-box-container.component.jsx:13)
    in div (at lead-box-container.component.jsx:12)
    in LeadBoxContainer (at App.js:18)
    in div (at App.js:11)
    in App (created by ConnectFunction)
    in ConnectFunction (at src/index.js:11)
    in Provider (at src/index.js:10)

I am encountering the same issue. I believe it occurs if your grid item width and/or height is less than 1. In the source in GridItem.jsx, there are defaultProps where minW and minH are set to 1. Can anyone think of a way to override those values?

Same issue. Has anyone found the solution yet?

Was this page helpful?
0 / 5 - 0 ratings