Tengo un cuadro de búsqueda que almacena un valor de búsqueda en el estado, también quiero enviar este valor al componente anthore que es hermano de la barra de navegación. ¿Cómo puedo hacer eso? este es mi codigo

1-parte uno

 const Nav = () => { const [searched,setSearched] = useState(); return ( <div className={style.main}> <input className={style.search} type="text" value={searched} onChange={(event)=>{setSearched(event.target.value)}} /> </div> );}

2-parte dos: componente hermano

 const Now_Weather = () => { const [weather,setWeather] = useState({null}) useEffect(()=>{ const setapi =async()=>{ const data = await (current_name()); //I need to pass "searched" from nav-bar to here setWeather(data); //set resault of current_name() in waether. } setapi(); },[weather])

hay una solución que usa Context-api pero no quiero implementar eso.

¿Conoces otras formas?