Как отключить все события мыши, кроме hover для iFrame?

Question

Я хотел бы встроить iFrame в приложение React.Из-за специфического поведения внешнего представления, на которое ссылаются в iframe, я хотел бы отключить все, кроме событий hover, которые должны распространяться на iframe.

import React from 'react';
import './App.css';

function App() {
  return (
    <div className="App">
      <iframe src="https://localhost:8022" height="600" width="800"></iframe>
    </div>
  );
}

export default App;

Я пытался использовать свойство CSS указатель-события различными способами, но безуспешно.Любые предложения о том, как это можно сделать?