React Context in Typescript

ContextProvider.tsx

import { createContext, FC, useContext, useState } from 'react';

const Context = createContext<any>(null);

type Props = {
  children: JSX.Element[] | JSX.Element | string;
};

const StateProvider: FC<Props> = ({ children }) => {
  const [state, setState] = useState();

  return (
    <Context.Provider value={{ state, setState }}>{children}</Context.Provider>
  );
};

export const useTheState = () => {
  return useContext(Context);
};

export default StateProvider;