GMap onOverlayDragEnd event callback has access to outdated react states

[InTheNooB]

I'm submitting a

[x] bug report
[ ] feature request
[ ] support request => Please do not submit support request here, instead see https://forum.primefaces.org/viewforum.php?f=57

Codesandbox Case (Bug Reports)
https://codesandbox.io/s/primereact-test-forked-htby5q?file=/src/index.js
(Open the console and set filtering to "info")

Current behavior
When getting react states values inside the callback of the event onOverlayDragEnd, these values are outdated if the states have been modified AFTER the initialization of the <GMap> component. (the setters are working correctly, just the getters are broken)

Expected behavior
React states values are up to date.

Minimal reproduction of the problem with instructions

1. Set a state (mystate) with a default value
2. Load a <GMap> component and define a callback for the event onOverlayDragEnd
3. Add an overlay to this map
4. Update the state (mystate)
5. Trigger the onOverlayDragEnd and log the value of the state (mystate) inside the callback of the event

Please tell us about your environment:
macOS Big Sur Version 11.6.2, VS Code, NPM

• React version:
  17.0.2

• PrimeReact version:
  7.2.1

• Browser:
  all

• Language:
  JSX

[melloware]

@InTheNooB do you have a proposed fix?

[InTheNooB]

@melloware

The workaround I found is to update a state in the event callback setOnOverlayDragEnd(event) (maybe I should mention it in my initial post but setters work fine) and add a React.useEffect() with this state as dependency and use this React.useEffect() to do what was supposed to be done in the event callback.

But I didn't find a way to fix this bug unfortunately