【非同期処理】自作のpromiseの挙動について

Question

前提・実現したいこと

自作でpromiseを作成して挙動を確認しています。
usePromiseメソッドの返り値として文字列「"thenメソッドからの返り値です"」を受け取り、最後の「console.log(res);」で出力したいのですが、undefinedになってしまいます。

発生している問題・エラーメッセージ

1
成功
2
3
undefined

該当のソースコード

const makePromise = (a) => {
  return new Promise((resolve, reject) => {
    if (a > 5) {
      resolve("成功");
    } else {
      reject("失敗");
    }
  });
};

const usePromise = () => {
  console.log("1");
  return makePromise(6)
    .then((res) => console.log(res))
    .catch((e) => console.error(e))
    .then(() => {
      console.log("2");
      return "thenメソッドからの返り値です";
    })
    .then(() => {
      console.log("3");
    });
};

usePromise().then((res) => {
  console.log(res);
});

試したこと

・async/awaitをつけたりしましたがうまくいきませんでした。

補足情報（FW/ツールのバージョンなど）

javascript

Answer 1

return文がないからでは。

    .then(() => {
      console.log("3");
// return ;
    });

Answer 2

2から3につなぎをするなら戻り値を受け取ってください

const usePromise = () => {
  console.log("1");
  return makePromise(6)
    .then((res) => console.log(res))
    .catch((e) => console.error(e))
    .then(() => {
      console.log("2");
      return "thenメソッドからの返り値です";
    })
    .then((res) => {
      console.log("3");
      return res;
    });
};