chrome js console: can I use it as ES6 react js component?

Is any way to have my own instance of Chrome console as react component in my application:

class App extends Component {
 constructor() {
   super();
   this.logger = null;
 }

 render() {
  return (<div>
             <MyComponent .../>
             <ChromeConsole ref={(r)=>{this.logger = r}} />
          </div>
           )
 }

 event_handler() {
   logger.log("something happen...");
 }
}

I need to show certain events occur elsewhere. Console seems to be ideal for that. But I need it to be on my page, not in dev tools.

from chrome js console: can I use it as ES6 react js component?