Syntax error: Identifier directly after number when using inline style in react

The React style prop requires a valid javascript object with camelCased property names. The values in the key value pair can be a number or a string (or a variable representing one of those 2 items). See React Docs for more information.

A style object would look like:

const style = { 
      transform: "translate3d(0px, 0px, 0px)", 
      transition: "0s"
    }

Notice that there are no semi-colons, the values are strings and each css property/value is separated by commas.

Note: you can pass numbers for pixel based values and React will add the "px" for you. However in the case above for the 0px it won't work as it is part of a string and not just a simple number.

try:

style={{ transform: "translate3d(0px, 0px, 0px)", transition: "0s"}}

or, using the var I created above:

style={style}