p5.js-web-editor/client/modules/IDE/components/GridOutput.jsx

import React from 'react';

class GridOutput extends React.Component {
  componentDidMount() {
    this.GridOutputModal.focus();
  }
  render() {
    return (
      <section
        id="gridOutput-content"
        ref={(element) => { this.GridOutputModal = element; }}
      >
        <h2> table Output </h2>
        <p
          tabIndex="0"
          role="main"
          id="gridOutput-content-summary"
          aria-label="table output summary"
        >
        </p>
        <table
          id="gridOutput-content-table"
          summary="table output details"
        >
        </table>
        <div
          tabIndex="0"
          role="main"
          id="gridOutput-content-details"
          aria-label="table output details"
        >
        </div>
      </section>
    );
  }
}

export default GridOutput;