Puede guardarlo en el almacenamiento local.

https://programmingwithmosh.com/react/localstorage-react/

vea un ejemplo aquí e intente aplicar lo mismo para el almacenamiento local de "historial".

Guarde las búsquedas en el almacenamiento local así como así.

 function App() { const [history,sethistory]= useState({}) useEffect(()=>{ recover(); },[]) const recover=()=>{ let data = JSON.parse(localStorage.getItem('history')); this.setState({history: data.history}); } const onChangeHandler =(e)=>{ e.preventDefault(); this.setState({input: e.target.value}); } const saveToStorage=()=>{ //local storage only takes in key value pair so you would have to serialize it. let history = this.state.history ? this.state.history : {history: []}; history.history.push({text:this.state.input, link:'store linke here'}); localStorage.setItem('history', JSON.stringify(history)); } return ( <div> <input onChange={onChangeHandler}/> <Button onClick={saveToStorage}> Save </Button> <div className="your-side-bar"> {this.state.history ? this.state.history.map((item) => { return ( //render as state changes <Link to={item.link}>{item.text}</Link> ) }) : 'no history'} </div> </div> ); }