pass default context

src/components/NavBar.js

@@ -1,6 +1,6 @@
 import React, {useContext,useEffect } from 'react';
 import { Link } from "react-router-dom";
-import { UserContext } from "../context/UserContext";
+import  UserContext  from "../context/UserContext";
 import styled,{ css } from 'styled-components';
 
 const Header = styled.header`

src/context/UserContext.js

@@ -1,3 +1,3 @@
 import { createContext } from "react";
 
-export default createContext(null);
+export default createContext();