import { createContainer } from "unstated-next"; import { useState, useCallback } from "react"; function useNewActivityContainerState() { return useState(false); } export const NewActivityContainer = createContainer( useNewActivityContainerState ); export default function useNewActivity() { const [ isSchedulingActivity, setSchedulingActivity ] = NewActivityContainer.useContainer(); const showScheduleActivity = useCallback(() => setSchedulingActivity(true), [ setSchedulingActivity ]); const hideScheduleActivity = useCallback( () => setSchedulingActivity(false), [setSchedulingActivity] ); return { isSchedulingActivity, showScheduleActivity, hideScheduleActivity }; }