React Context Provider template with TypeScript

ContextProviderTemplate.ts

import React, {
	createContext, useContext
} from 'react';

interface MyContextProps {
	attribute: unknown,
}

const MyContext = createContext<MyContextProps>({} as MyContextProps);

const useMyContext = (): MyContextProps => {
	return useContext(MyContext);
};
export default useMyContext;

export const MyProvider = ({ children }: { children: JSX.Element }) => {
	return (
		<MyContext.Provider value={{ attribute: {} }}>
			{children}
		</MyContext.Provider>
	);
};