"styles" is not handled properly

Reproduce:

ReactDOM.render(
  <Iframe url='https://www.test-cors.org/'
                  width='100%'
                  height='100%'
                  styles={{ borderWidth: '0' }}
                  position='relative'/>,
  root
)

The result is an iframe with no “border-width” set, with an extra attribute styles=“[object Object]”

[robbestad]

Fixed now thanks to @nagamejun

[jQwotos]

One workaround would be to use emotion and style the Iframe component

import styled from 'react-emotion';

const BorderLessIframe = styled(Iframe)`
    border-width: 0;
`;

ReactDOM.render(
    <BorderLessIframe url='https://www.test-cors.org/'
                  width='100%'
                  height='100%'
                  position='relative'/>,
  root
);