react custom Hook throwing errors !

[mcabappa2019]

Bug report

Describe the bug

Getting this error when calling a custom hook :
Unhandled Runtime Error
TypeError: Invalid attempt to destructure non-iterable instance.
In order to be iterable, non-array objects must have a Symbol.iterator method.

To Reproduce

Steps to reproduce the behavior, please provide code snippets or a repository:

Added screen shots how I got the issue.

Expected behavior

Its a simple custom hook and it should work.

Screenshots

If applicable, add screenshots to help explain your problem.

System information

• OS: WINDOWS
• Browser- chrome
• Version of Next.js: 9.4.4
• Version of Node.js: v12.13.0

Additional context

Add any other context about the problem here.

[jamesmosier]

const [loadCartData] = useLoadCartData(false);

should be

const {loadCartData} = useLoadCartData(false);

since that hook returns as object:

function useLoadCartData(val = false) {
  ...
  return { loadCartData };
}

[mcabappa2019]

Thanks.
It was a very silly mistake found later.