React-grid-layout: Get warning: "Failed propType: Invalid prop `x` of type `string` supplied to `Draggable`, expected `number`. Check the render method of `GridItem`.

[f15gdsy]

I got this warning when using ReactGridLayout

[JosefWN]

The error is self-explanatory: you are using the property "x" in the items as if it were a string, but it expects a number:

x: "13" // incorrect
x: 13 // correct

If you are getting the value from a html control, you have to parse it:

x: parseInt(value)

If you are setting it as an attribute, set it as an integer, not a string:

x="13" // incorrect
x={13} // correct

[shenzekun]

@Puffton thank you

[tatsna]

@Puffton Thx .
if i want size % .
am use {"90%"} is not work.

[MilosJo]

@Puffton Thx .
if i want size % .
am use {"90%"} is not work.

If you want to use percentage, you have to make it a string
eg. size="90%"
This approach should work