Screen404.js

import React from 'react'
import {
  useLocation
} from "react-router-dom";
import Images from '../assets/Images';

export default function NoMatch() {
  let location = useLocation();

  return (
    <div style={{flex: 1, height: '100vh', alignItems:'center', justifyContent: 'center', display: 'flex'}}>
      <div style={{flexDirection:'column'}}>
        <div style={{alignItems:'center', justifyContent: 'center', display: 'flex'}}>
          <img src={Images.tia}/>
        </div>
        <h3 style={{marginTop: 20}}>
          '<code>{location.pathname}</code>' Not Found
        </h3>
      </div>
    </div>
  );
}