Necesita ayuda con el siguiente controlador onClick escrito en React. someDialog está actualizando importantProp prop pero el método handleClick no está tomando el último importantProp cuando ocurre el evento de clic (es decir, cuando el usuario hace clic en enviar). ¿Qué cambios puedo hacer para usar la última propiedad importante cuando el usuario hace clic en el botón Enviar?

• Intenté poner el dialogConfig en useEffect con dependencia en importantProp. No funcionó. No estoy seguro si es el enfoque correcto.
• También intenté poner setTimeout para que ocurriera el clic, lo que tampoco funcionó.

Necesito ayuda en esto. Luchando por entender cuál era el problema subyacente en él.

 const someDialog = ({ open, onClose, importantProp }: DialogProps): JSX.Element => { const handleClick = () => { alert('clicked'); console.log('importantProp', importantProp); apiCall("param1",importantProp); }; const getDialogProps = (importantProp) => { console.log('updated importantProp', importantProp); const defaultDialogProps: ModalDialogProps = { buttons: [ { onClick: (event) => { onClose(event, 'backdropClick'); }, children: 'Cancel', }, { onClick: handleClick, color: 'primary', children: 'Submit', }, ], open: open, onClose: onClose, }; return defaultDialogProps; }; const apiCall = async (param1: string, param2: string[]) => { const data = await serviceMethod({ param1: param1, param2: param2 }, gqlQuery); }; const defaultDialogProps = getDialogProps(importantProp); return ( <> <StyledDialog {...defaultDialogProps}> {children} </StyledDialog> </> ); }