SCC(State, Controller and Component) Pattern

controler.ts

import { useMemo, useState } from "react"

type TController = {

}

export const useController = () => {
  const [data, setData] = useState({} as TController);

  const [] = useMemo(() => {
    return [];
  }, [data]);

  const update = (e:TController) => {
    setData(e);
  }

  return {
    state: {
      data
    },
    actions: {
      update
    }
  }
}