useContextState

useContextState.js

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


const useContextState = (context, initialState) => {
  const state = useState(initialState);
  const Wrapper = ({ children }) => {
    return (
      <context.Provider value={state}>{children}</context.Provider>
    )
  }

  return Wrapper;
};

const ThemeContext = React.createContext();

function App() {
  const Wrapper = useContextState(ThemeContext, "dark");
  return (
    <Wrapper>
      <Child />
    </Wrapper>
  );
}