Tengo este problema cuando uso contextos anidados, funciona bien cuando solo uso un contexto. y este es el enlace de codesandbox, puedes reproducir el problema: demo

Aplicación.js

 import Demo1 from './demo1' import {createContext} from 'react' export const NumCxt = createContext(0) export const UpdateNumCxt = createContext(null) export default function App() { return ( <div className="App"> <Demo1/> </div> ); }

demo1.jsx

 import React from 'react' import { useContext, useState, createContext } from 'react'; import {NumCxt, UpdateNumCxt} from './App' function Demo1() { const [num, updateNum] = useState(3) return ( <> <UpdateNumCxt value={updateNum}> <NumCxt.Provider value={num}> <Middle/> </NumCxt.Provider> </UpdateNumCxt> </> ) } ... ... ...