二回目の setInterval 実行で not a function が出る

Question

前提・実現したいこと

ボタンを押している間だけ setIntarval で処理を行いたい

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

１回目の setInterval は動作するが、２回目以降はエラーが出る
調べても同じ症状が見つからなかったので質問します

該当のソースコード

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

<div class="btn">click</div>

  function fn() {
    fn = setInterval(function() {
      console.log("done");
    },100);
  }

  $(".btn").on("touchstart",function() {
    fn();
  }).on("touchend",function() {
    clearInterval(fn);
  });

Answer 1

fn = setInterval(略)としていますが、setIntervalの返り値は数値です（MDN）。

clearIntervalのために必要なら、fnを上書きせず別な名前の変数に入れましょう。

Answer 2

maisumakunさんの説明している通りです。

たぶんコードは次のようになるのではないかと思います。
動作確認はしていません。

  function fn() {
    return setInterval(function() {
      console.log("done");
    },100);
  }

  var fnIndex;
  $(".btn").on("touchstart",function() {
    fnIndex = fn();
  }).on("touchend",function() {
    clearInterval(fnIndex);
  });