All files / src/hooks useReaction.ts

100% Statements 13/13
100% Branches 5/5
100% Functions 1/1
100% Lines 13/13

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 191x     1x   1x 6x 6x   6x 5x 2x 5x 5x 6x   6x 6x  
import { useState, useEffect } from 'react';
 
// Stores
import { reactionStore } from '@/stores/reaction';
 
export const useReaction = (id: string) => {
  const { getData, subscribe } = reactionStore;
  const [data, setData] = useState(() => getData(id));
 
  useEffect(() => {
    const unsubscribe = subscribe((updatedId, value) => {
      if (updatedId === id) setData(value);
    });
    return unsubscribe;
  }, [id]);
 
  return data;
};