Tengo una variable booleana authProtected que necesito en mi app.js que tiene un componente de clase. Pero no puedo usar el contexto en un componente basado en clases.

Mi archivo de contexto:

 import React, { useState, createContext } from "react"; export const AuthContext = createContext(); export const AuthProvider = (props) => { const [authToken, setAuthToken] = useState(""); const [authProtected, setAuthprotected] = useState(true); return ( <AuthContext.Provider value={{ token: [authToken, setAuthToken], authProtect: [authProtected, setAuthprotected], }} > {props.children} </AuthContext.Provider> ); };

Tengo que importar authProtected en mi archivo app.js. ¿Cómo puedo hacer eso?