IM trying

src/App.tsx

 import React, { FC } from 'react';
 import { BrowserRouter as Router, Switch, Route } from 'react-router-dom';
-import { HomePage } from './components/AuthUser/Homepage/HomePage';
+import { HomePage2 } from './components/AuthUser/HomePage2/HomePage2';
 
 export const App: FC = () => (
   <Router>
     <Switch>
       <Route path="/">
         <div data-testid="App">
-          <HomePage />
+          <HomePage2 />
         </div>
       </Route>
     </Switch>

src/components/AuthUser/HomePage2/HomePage2.tsx

+import React, { FC } from 'react';
+import { makeStyles } from '@material-ui/core/styles';
+import { CssBaseline } from '@material-ui/core';
+
+const useStyles = makeStyles((theme) => ({
+  root: {
+    minHeight: '100vh',
+    backgroundImage: `url(${'/assets/material-hero-bg.png'})`,
+  },
+}));
+
+export const HomePage2: FC = () => {
+  const classes = useStyles();
+
+  return (
+    <div className={classes.root}>
+      <CssBaseline />
+    </div>
+  );
+};