ghost3ds

Вы неправильно используете контекст.
https://reactjs.org/docs/context.html

Вы должны обернуть в провайдер те компоненты, которые будут использовать ваш контекст, то есть

const Context = createContext();

function ContextProvider({ children }) {
  const [active, setActive] = useState(false);
  return <Context.Provider value={{ active, setActive }} >{children}</Context.Provder>
}

function App() {
  return (
    <ContextProvider>
       <MyComponent />
    </ContextProvider>
  )
}

function MyComponent() {
  const { active, setActive } = useContext(Context);
  ...
}