Sidebar dismissable is only updating whenever the visible prop updates

[Divya-Yengampeta]

[x] bug report

Current behavior
It updates the dismissable only when the visible prop is updating.
as per the example code, I have to set staet of visible in on click twice in order to change the value of dismissable in the sidebar.
dismissable={this.state.isDismissable}

Expected behavior
should update the dismissable without needing to change the visible.

Example code
iconsTemplate={() => (<button className='p-sidebar-close p-link' onClick={() => {this.setState({ isDismissable: !this.state.isDismissable, IsSideBarVisible: false }, () => this.setState({ IsSideBarVisible: true })); }}> <TiPin className='p-sidebar-close-icon' style={{ color: this.state.isDismissable ? '#848484' : 'blue' }} /> </button>)}

• React version. [16.8.6]

• PrimeReact version: [3.1.9]

• Browser: [all]

• Language: [all]