El contexto no actualiza el valor.

Tengo un contexto como este

type ScanContextState = {
  confirmar: boolean;
  toggleConfirmar: () => void;
};

const estadoInicial: ScanContextState = {
  confirmar: false,
  toggleConfirmar: () => {},
};

export const ContextoConfirmacionEscaneo =
  createContext<scancontextstate>(estadoInicial);

export const ProveedorEscaneo: FC = ({ children }) => {
  const [confirmar, setConfirmar] = useState(estadoInicial.confirmar);

  const toggleConfirmar = () => {
    setConfirmar(!confirmar);
  };

  return (
    <contextoconfirmacionescaneo.provider value="{{" confirmar,="" toggleconfirmar="" }}="">
      {children}
    </contextoconfirmacionescaneo.provider>
  );
};



y llamo a toggleConfirmar en una pantalla cuando el escaneo está completo así `toggleConfirmar();`
y aquí está la raíz de mi aplicación

import PaymentBottomSheet from "./PaymentBottomSheet";
import MainStackNavigator from "./MainStackNavigator";
import { ProveedorEscaneo } from "./Contexts";
import { ContextoConfirmacionEscaneo } from "./Contexts";

const Raiz: React.FC = () => {
  const [mostrarEscaneo, setEscaneo] = useState(false);
  const { confirmar, toggleConfirmar } = useContext(ContextoConfirmacionEscaneo);

  return (
    <>
      <proveedorescaneo>
        <iconregistry icons="{EvaIconsPack}"></iconregistry>
        <applicationprovider {...eva}="" theme="{{" ...eva.light,="" ...theme="" }}="">
          <navigationcontainer>
            <mainstacknavigator setescaneo="{setEscaneo}"></mainstacknavigator>
            {confirmar && <paymentbottomsheet setescaneo="{setEscaneo}"></paymentbottomsheet>}
          </navigationcontainer>
        </applicationprovider>
      </proveedorescaneo>

  );
};

export default Raiz;

Quiero ver PaymentBottomSheet cuando confirmar sea true, sin embargo, no sé por qué nunca se vuelve true, aunque lo activo como dije antes. Soy nuevo en el uso de contextos con TypeScript, así que ¿podría alguien explicarme por qué no se actualiza?