How to set a Favorite content to LocalStorage. In this case, the content come from recipeDetail Props

Add Favorites to LocalStorage

addToLocalStorage() {
    const { id, type, recipeDetail: { strArea, strCategory,
      strAlcoholic, strDrink, strMeal, strMealThumb, strDrinkThumb } } = this.props;

    const favoriteRecipes = JSON.parse(getItem('favoriteRecipes')) || [];
    const newFavoriteRecipe = [
      ...favoriteRecipes,
      {
        id,
        type: type.replace('s', ''),
        area: strArea || '',
        category: strCategory || '',
        alcoholicOrNot: strAlcoholic || '',
        name: strMeal || strDrink,
        image: strDrinkThumb || strMealThumb,
      },
    ];
    setItem('favoriteRecipes', JSON.stringify(newFavoriteRecipe));
  }