Editor.js

export default function Editor(props) {
  const { setEditing } = props;
  return (
    <Query query={LAUNCHES}>
      {({ data, loading, error }) => {
        if (loading) return <p>Loading...</p>;
        if (error) return <p>ERROR</p>;
        return (
          <Fragment>
            <Submit />
            <input type='button' value='go back' onClick={() => setEditing(false)} style={{ marginTop: '20vh' }} />
            <table style={{ border: 'solid 1px' }}>
              <tbody>
                <tr>
                  <th>Site</th><th>Mission</th><th>Rocket</th><th>Book It!</th>
                </tr>
                {launchRows(data)}
              </tbody>
            </table>
          </Fragment>
        );
      }}
    </Query>
  );
};