OperationalService/web/client/src/app.jsx

'use strict';

import React, { useEffect } from 'react';
import Layout from './layout';
import Auth from './sections/auth';
import Example from './sections/example';
import Example1 from './sections/example1';
import Problem from './sections/problem';
import NoMatch from './sections/noMatch';
import Console from './sections/console';

const App = props => {
   const { projectName } = props

   useEffect(() => {
      document.title = projectName;
   }, [])

   return (
      <Layout
         title={projectName}
         sections={[
            Example,Example1,Problem,
            Auth, NoMatch,Console
         ]}
      />
   )
}

export default App;