Zustand Controller - The UI

UIComps.jsx

import { useOxyStore, OxyController } from 
"src/shared-state"
import { Button , ControllerCard } from 
'../UIElements'

export const ControllerTriggerButton = () => (
  <Button onClick={() => OxyController.demo()}>
    Run Controller 
  </Button>
) // It will trigger the controller.

export const ConnectedComponent = () => {
  const [demoData] = useOxyStore(s => [s.demoData])
  return <div> {demoData} </div>
} // It is listening to change in store.