hamburger-react with disclosure panel (How to animate hamburger onclick navigation links)

When User Clicks Hamurger imported from hamburger-react – Hamburger animates to X – Opens Disclosure Panel
When User Clicks X it animates to Hamburger and closes the disclosure panel –
Though if User instead clicks a navigation link, Hamburger remains an X and Disclosure panel closes.

I assume I need to implement some JavaScript syntax to connect the disclosure panels state to the hamburgers state.
Trying to figure out how to connect the 2 aria states to each other,

I’m expecting when Disclosure.Panel is closed, after click of a navigation link, X is reset to hamburger.
Unopened state as intended
Open State as Intended
When it’s broken after clicking a navigation link
My code