context.tsx 728 B

123456789101112131415161718192021222324
  1. 'use client';
  2. import { createContext, useContext } from 'react';
  3. import type { Dispatch, SetStateAction } from 'react';
  4. import type { RankConfigItem } from '@/types/response/donation/rankConfig';
  5. type RankConfigContextValue = {
  6. items: RankConfigItem[];
  7. setItems: Dispatch<SetStateAction<RankConfigItem[]>>;
  8. loading: boolean;
  9. saving: boolean;
  10. setSaving: Dispatch<SetStateAction<boolean>>;
  11. fetchList: () => void;
  12. };
  13. export const RankConfigContext = createContext<RankConfigContextValue|null>(null);
  14. export function useRankConfigContext(): RankConfigContextValue {
  15. const ctx = useContext(RankConfigContext);
  16. if (!ctx) {
  17. throw new Error('useRankConfigContext must be used within RankConfigProvider');
  18. }
  19. return ctx;
  20. }