Simplify how Dialogs are being created and used in React MVVM context

[einari]

Today we have a hook called useDialogRequest(), this returns a wrapper to be used with the actual component that will be the dialog inside it as a child. The reason its been done like this is to be able to provide props to the component. But a lot of the times you basically just have a stand alone dialog and don't need to pass it props. Then it would be nice to be able to do something like below:

export const MyComponent = () => {
     const MyDialog = useDialogRequest(RequestToOpen, MyDialogComponent);

     return (
          <MyDialog/>
     ):
}: