// source https://jsbin.com

index.html

const parent = ({data}) => {
const [hoveredDistrict, setHoveredDistrict] = useState('hi');
console.log('I re-rendered!');

return (
<div>
<firstComponent/>
<secondComponent setHoveredDistrict={setHoveredDistrict} />
<div> {HoveredDistrict} </div>
<thirdComponent/>
</div>
)
}