Как встроить PDF в часть HTML-страницы для Firefox

Question

Когда я использую iframe для встраивания PDF-файла в HTML-страницу, PDF-файл правильно встраивается при просмотре в Chrome:

Но в Firefox PDF-файл открывается сам по себеокно вместо того же представления, что и Chrome:

Я пробовал несколько изменений настроек в iFrame.Вот код, который я сейчас использую для этого в ReactJS

  componentDidMount() {
    const doc = new jsPDF('p', 'pt', 'letter')

    const data = {
      title: 'lesson title',
    }

    doc.setFontSize(10);
    doc.text(50, 50, `${data.title}`)
    doc.text(50, 50 + (14 * 1), 'Subtitle')
    doc.text(50, 50 + (14 * 2), 'Required: these things...')
    doc.text(50, 50 + (14 * 3), (new Date()).toLocaleDateString())
    doc.text(50, 50 + (14 * 7), 'This PDF presents the form you just submitted')

    this.setState({
      lesson: doc.output('dataurl', null)
    })
  }


    render() {
        return (
      <div className="container-fluid h-100p">
      <header style={{margin:'50px'}}></header>
                <div className="row justify-content-center bg-white" style={{height:'inherit'}}>
                    <div className="col-sm-6">
            <div><h1>PDF Generator Test</h1></div>
            <div>BUTTON</div>
          </div>
          <div className="col-sm-6">
            <div>
              <object>
                <iframe id="pdf-test" allowfullscreen="false" windowName="PDF Test" src={this.state.lesson} style={{float:"none", display:"inline", height:"1200px"}} frameborder="0"></iframe>
              </object>
            </div>
          </div>
                </div>
            </div>
        )
    }
}

Я попытался обернуть тег объекта из встроенного HTML-HTML iframe , но безрезультатно.

Спасибо!