Insert default paths

src/App.tsx

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

src/components/AuthUser/SignInForm/InputField.tsx

-import React, { FC } from 'react';
-import { TextField } from '@material-ui/core';
-import { Control, Controller, FieldValues } from 'react-hook-form';
-
-type Props = {
-  /**
-   * Name of the elemement. ex. email, password
-   */
-  name: string;
-  label: string;
-  error: boolean;
-  errorMessage: string;
-  /**
-   * react-hook-form control
-   */
-  control: Control<FieldValues> | undefined;
-  rules: Partial<unknown>;
-};
-
-export const InputField: FC<Props> = (props: Props) => {
-  const { name, label, error, errorMessage, control, rules } = props;
-  return (
-    <Controller
-      name={name}
-      control={control}
-      rules={rules}
-      render={({ onChange, value }) => (
-        <TextField
-          variant="outlined"
-          margin="normal"
-          required
-          fullWidth
-          id={name}
-          label={label}
-          name={name}
-          onChange={onChange}
-          value={value}
-          autoComplete={name}
-          autoFocus
-          error={error}
-          helperText={error && errorMessage}
-        />
-      )}
-    />
-  );
-};

src/components/AuthUser/SignInForm/SignInForm.tsx

 import React, { FC } from 'react';
 import axios from 'axios';
 import { SubmitHandler, useForm } from 'react-hook-form';
-import { useIntl } from 'react-intl';
 import { createStyles, makeStyles, Theme } from '@material-ui/core/styles';
 import { Button } from '@material-ui/core';
 import { DevTool } from '@hookform/devtools';
-import { InputField } from './InputField';
+import { InputField } from 'components/AuthUser/SignInForm/InputField/InputField';
 
 const useStyles = makeStyles((theme: Theme) =>
   createStyles({
@@ -54,7 +53,6 @@ export const SignInForm: FC = () => {
       },
     );
   };
-  const intl = useIntl();
   const classes = useStyles();
   return (
     <>
@@ -71,12 +69,12 @@ export const SignInForm: FC = () => {
               /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i.test(value),
             required: {
               value: true,
-              message: intl.formatMessage({ id: 'email' }),
+              message: 'Email is not valid',
             },
           }}
-          label={intl.formatMessage({ id: 'email' })}
+          label="Email"
           error={!!errors.email}
-          errorMessage={intl.formatMessage({ id: 'email-error' })}
+          errorMessage="Insert email"
         />
 
         <InputField
@@ -87,20 +85,20 @@ export const SignInForm: FC = () => {
             maxLength: 60,
             required: {
               value: true,
-              message: intl.formatMessage({ id: 'password' }),
+              message: 'Insert valid password',
             },
           }}
-          label={intl.formatMessage({ id: 'password' })}
+          label="Password"
           error={!!errors.password}
-          errorMessage={intl.formatMessage({ id: 'password-error' })}
+          errorMessage="Insert valid password"
         />
 
         <Button
+          data-testid="Submit"
           type="submit"
           fullWidth
           variant="contained"
           color="primary"
-          data-testid="Submit"
           className={classes.submit}
         >
           Sign In

src/index.tsx

 import React from 'react';
 import ReactDOM from 'react-dom';
 import CssBaseline from '@material-ui/core/CssBaseline';
-import { App } from './App';
+import { App } from 'App';
 
 ReactDOM.render(
   <React.StrictMode>