0

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.

DaImTo
  • 88,623
  • 26
  • 153
  • 389
Andrian_Must
  • 115
  • 1
  • 2
  • 11

0 Answers0