Wrapping a React component in a custom context provider

ContextWrappedComponent.js

/**
 * This file will hold the Menu that lives at the top of the Page, this is all rendered using a React Component...
 * 
 */
import React, { useState } from 'react';
import EmployeeSearchForm from './EmployeeSearchForm';
import EmployeeDataProvider from "../services/EmployeeDataProvider";

function Header() {

  return (
    
    <header>
      <div className="employee-search">
        <EmployeeDataProvider>
          <EmployeeSearchForm />
        </EmployeeDataProvider>)}
      </div>
    </header>
   
  );
  
}

module.exports = Header;