contextProviderExample.tsx

// Example auth Context: https://dev.to/shareef/context-api-with-typescript-and-next-js-2m25
import React, { createContext, useContext, useEffect, useState } from 'react';

interface ElementContextType {
  prop1?: string | any
}

export const ElementContext = createContext<ElementContextType>({
  prop1: 'default',
});
export const useElementContext = () => useContext(ElementContext)

type Props = {
  children: React.ReactNode;
};

export const ElementProvider = (props: Props): JSX.Element => {
  const [propState, setPropState] = useState<string | any>();

  /**
   * use useEffect if require
   */
  return (
    <ElementContext.Provider value={{ propState }}>
      {props.children}
    </ElementContext.Provider>
  );
};