Skip to main content

Custom Hook

import { useState, useCallback } from "react";

export function useCounter() {
const [count, setCount] = useState(0);

const increment = useCallback(() => setCount((x) => x + 1), []);

return { count, increment };
}
import { renderHook, act } from "@testing-library/react-hooks";
import { useCounter } from "./useCounter";

test("should increment", () => {
const { result } = renderHook(() => useCounter());

act(() => {
result.current.increment();
});

expect(result.current.count).toBe(1);
});