withRouter.js

// Header.js
import React from "react";
import { Link, withRouter } from "react-router-dom";

import "../styles/header.css";

import NavBar from "./NavBar";

function Header(props) {
  console.log(props);

  return (
    <div className="Header">
        <div className="header_item">
          <Link to="/" className="link">
            <img className="header_logo" src="video_yellow.png" alt="film" />
          </Link>
          <Link to="/" className="link">
            <h1 className="header_title">Film Archive</h1>
          </Link>

          <Link to="/signin" className="link">
            Sign In
          </Link>
        </div>
    </div>
  );
}

export default withRouter(Header);