Creé un módulo usando mecanografiado que no se actualiza correctamente (el valor se actualiza solo por segunda vez). ¿Alguien puede sugerir una solución para este problema?

 handleDisplayName = (evt: React.ChangeEvent<HTMLInputElement>): void => { const options: UrlSelectorOptions = { ...this.props.options, displayName: evt.target.value, } this.props.onOptionsChange({ ...options }) console.log("Options" + options); } render() { return ( <> <label><strong>Display Name</strong></label> <input className="input" type="text" value={this.props.options.displayName} onChange={this.handleDisplayName} /> </> }