import React, { useEffect } from 'react'; import PropTypes from 'prop-types'; import Head from 'next/head'; import { ThemeProvider } from '@mui/material/styles'; import CssBaseline from '@mui/material/CssBaseline'; import theme from '../src/theme'; import '../styles/globals.css'; import {triggerSync} from "../api/bbgo"; export default function MyApp(props) { const { Component, pageProps } = props; useEffect(() => { // Remove the server-side injected CSS. const jssStyles = document.querySelector('#jss-server-side'); if (jssStyles) { jssStyles.parentElement.removeChild(jssStyles); } }, []); useEffect(() => { triggerSync() }, []) return ( BBGO {/* CssBaseline kickstart an elegant, consistent, and simple baseline to build upon. */} ); } MyApp.propTypes = { Component: PropTypes.elementType.isRequired, pageProps: PropTypes.object.isRequired, };