I have a problem here.
I intend to display a google page (one of which is Google Meet) in an iFrame, on a website that I created.
However, the page doesn't appear and the error
"Refused to display 'https://meet.google.com/' in a frame because it set 'X-Frame-Options' to 'sameorigin'."
I'm using ReactJS and here's how I call the iFrame :
class MeetPage extends React.Component {
render() {
return (
<div>
<Iframe src={`https://meet.google.com/`}
width="91%"
height="80%"
position="fixed"
/>
</div>
)
}
}
class MenuEducation extends Component {
constructor(props)
super(props)
this.state = { selected: 'Google Meet' }
setSelected = (tab) => {
this.setState({ selected: tab });
}
render() {
return (
<TabNav tabs =(['Google Meet']) selected={this.state.selected} setSelected={this.setSelected}>
<Tab isSelected={this.state.selected === 'Google Meet'}>
<MeetPage/>
</Tab>
</TabNav>
)
}
Thank you.