"styles" is not handled properly about react-iframe

[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
);

[robbestad]

Fixed now thanks to @nagamejun

[vanduongit]

why don't you implement styles properties which you offer? @svenanders

[dzienisz]

I have the same problem

[sainijagjit]

react-emotion library is now changed. Latest working code

import styled from '@emotion/styled';
const BorderLessIframe = styled(Iframe)border-width: 0;;

<BorderLessIframe
url={${window.location.origin}/bial-t2/index.html}
loading="We are fetching maps, please wait"
width="100%"
height="100%"
display="initial"
position="absolute"
/>