how to use swagger statePlugins in react app

[sanjaychakravorty]

i have gone through with below url to implement statePlugins in existing any app.
but i could not understand how to inject those in our react app.
please any running sample project is available for this. please let me guid how to invoke/use in our react app.
https://github.com/swagger-api/swagger-ui/blob/master/docs/customization/plugin-api.md

{
statePlugins: {
[stateKey]: {
actions,
reducers,
selectors,
wrapActions,
wrapSelectors
}
},
components: {},
wrapComponents: {},
rootInjects: {},
afterLoad: (system) => {},
fn: {},
}

[suvirbhargav]

There is a catalog here to get you started, #5027

[sanjaychakravorty]

Thanks suvirbhargav, thanks for reply. actually i am trying to implement swagger ui as a widget.that means i have multiple components in my index react app and based on condition only one operation part of swagger ui should be rendered in one component is called here widget.please suggest me how can i perform this approach.

[suvirbhargav]

Look at the code in this thread, here you see how to hide try it out button, #6124
Similarly, you can do other things using swagger ui plugin approach.