React Hook “useReducer” is called conditionally. React Hooks must be called in the exact same order in every component render

Question

I have a component variable declaration, and useEffect and useReducer looks like this

const editItemData =
  props.location && props.location.query