react-props

I have a react-big-calendar (The parent container), I have also a select which, the events of the calendar are fetched according to this select ( doctor name ) and I have a button when I click on it, the dialog will be appears (another component), on this dialog, I have a form to add an event after the select, when I post my API, I save it on local storage, but the event added doesn't appears on my calendar just after refresh the page and reselect the doctor name. But I want, when I click on the save button, will be added directly on the calendar and it will be appeared on the calendar. My

In my nextJS app, I want to pass props of one component to another which is neither a parent nor child of first component.How can I do that? There is a Order component inside a div in Orders page and OrderViewer in another div.What I want is that when I click the 'View Order' button, orderno of that order should pass to OrderViewer component. orders.js <div> <div><Order orderno='abc' title='abc' status='abc' entity='abc' po='abc' duedate='abc' /></div> </div> <div><OrderViewer /></div> Order.js <div> <button>View Order</button> <p><span>{this.props.orderno}</span> <span>{this.props.title}<