How to get return value from renderHook

Question

I got a custom hook which return a function

export function useMyCustomHook = (dispatch) => () => {... some things with dispatching to store };

I'm trying to use the return value like this in a jest test:

  const result = renderHook(() => useMyCustomHook(useDispatch()));
  console.log(result.current);

but result.current is undefined. So how can I actually get the return value?

what are you returning from your hook? – Amit Chauhan Dec 25 '19 at 08:25 — Amit Chauhan, Dec 25 '19 at 08:25
@AmitChauhan The hook is there. I'm returning a function – CodeMonkey Dec 25 '19 at 08:26 — CodeMonkey, Dec 25 '19 at 08:26

score 4 · Accepted Answer · answered Dec 25 '19 at 09:11

4

According to react-hooks-testing-library renderHook returns an object with result, so to access it:

const { result } = renderHook(() => useMyCustomHook(useDispatch()));
console.log(result.current);

answered Dec 25 '19 at 09:11

Jose Felix

Now if you want to try and look at a follow up question: https://stackoverflow.com/questions/59476912/testing-custom-hook-invariant-violation-could-not-find-react-redux-context-val – CodeMonkey Dec 25 '19 at 09:21

1 Answers1