UseContext.js

import React, { createContext } from 'react';
import ComponentA from './ComponentA';

const FirstName = createContext();
const LastName = createContext();

const UseContext = () => {

    return (
        <>
            <FirstName.Provider value={"Aryan"}>
                <LastName.Provider value={"Garg"}>
                    <ComponentA/>
                </LastName.Provider>
            </FirstName.Provider>
        </>
    );
}

export default UseContext;
export { FirstName, LastName };