料理名を空欄にした時の不具合を修正

frontend/src/pages/AddRecipe.tsx

@@ -43,6 +43,8 @@ const AddRecipe: React.FC = () => {
 
   const navigate = useNavigate();
 
+  //  編集時，既存情報を読み込んだかどうか
+  const [recipeLoaded, setRecipeLoaded] = useState(false);
   //  料理名，説明
   const [recipeName, setRecipeName] = useState<string>('');
   const [recipeSummary, setRecipeSummary] = useState<string>('');
@@ -60,12 +62,13 @@ const AddRecipe: React.FC = () => {
   const [editingItemIdx, setEditingItemIdx] = useState(0);
 
   const loadRecipe = async () => {
-    if (recipeId && !recipeName) {
+    if (recipeId && !recipeLoaded) {
       const recipe = await recipeApi.getById(recipeId);
       console.log('loaded recipe=', recipe)
       setRecipeName(recipe.recipeName)
       setRecipeSummary(recipe.summary)
       setItems(recipe.stuffAndAmountArray)
+      setRecipeLoaded(true)
     }
   }
 
@@ -122,7 +125,7 @@ const AddRecipe: React.FC = () => {
   }, []);
 
   return (
-    (recipeId && !recipeName)
+    (recipeId && !recipeLoaded)
       ? <p>読み込み中...</p>
       :
       <Box>