dialogs-flow.jsx

import { dialogToggle } from 'componentversions/organizer/modules/ui-helpers';
import {useSelector, useDispatch} from 'react-redux';


const Screen = () => {
  const diapatch = useDispatch();
  const {dialogs} = useSelector((state) => ({dialogs: state.uiHelpers.dialogs}));


  return <div>
    <button onClick={() => diapatch(dialogToggle('myCustomDialog', true))}>Open dialog</button>
    
    {dialogs.myCustomDialog.visible && <Dialog/>}
    
   </div>;
}