Need return() to rerender when component updates

Question

The behaviour i am expecting when this component runs is when the current url changes, the useEffect will load the data and then display allRecipes, myRecipes or Createform