import "./App.scss" ; import React , { Suspense } from "react" ; import XASSY from "./apps/xassy" ; import { useTranslation } from "react-i18next" ; const NL = ( ) => { const [ , i18n ] = useTranslation ( ) ; React . useEffect ( ( ) => { i18n . changeLanguage ( "nl" ) ; setTimeout ( ( ) => { i18n . changeLanguage ( "en" ) ; } , 2500 ) ; } , [ i18n ] ) ; return null ; } ; const App = ( ) => { return ( < Suspense fallback = "..." > < XASSY /> < NL / > < /Suspense>); } ; export default App ; if ( process . env . NODE_ENV === "development" ) { param event const onKeyPress = ( event ) => { if ( [ 120 , 88 ] . includes ( event . which ) ) { let didPress = false ; const onClear = ( event2 ) => { didPress = true ; if ( [ 120 , 88 ] . includes ( event2 . which ) ) { console . clear ( ) ; } } ; document . addEventListener ( 'keypress' , onClear , { once : true } ) ; setTimeout ( ( ) => { if ( ! didPress ) { document . removeEventListener ( 'keypress' , onClear ) ; } } , 1000 ) ; } } ; document . addEventListener ( "keypress" , onKeyPress ) ; ( async function ( ) { const reactPckg = await import ( "react/package.json" ) ; const reactDomPckg = await import ( "react-dom/package.json" ) ; console . group ( "Package Versions" ) ; console . info ( "react: %s" , reactPckg . version ) ; console . info ( "react-dom: %s" , reactDomPckg . version ) ; console . groupEnd ( ) ; } ) ( ) ; }