さもじる

<p><a href="https://remix.run/docs/en/main/route/should-revalidate" target="_blank" rel="nofollow noopener noreferrer">shouldRevalidate</a>を使った対策がある<br style="display:none">
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__8e5cbabdc6ae" src="https://embed.zenn.studio/card#zenn-embedded__8e5cbabdc6ae" data-content="https%3A%2F%2Fgithub.com%2Fremix-run%2Fremix%2Fdiscussions%2F2501%23discussioncomment-7690785" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://github.com/remix-run/remix/discussions/2501#discussioncomment-7690785" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://github.com/remix-run/remix/discussions/2501#discussioncomment-7690785</a></p>


<h1 id="%E3%82%8F%E3%81%8B%E3%81%A3%E3%81%9F%E3%81%93%E3%81%A8">
<a class="header-anchor-link" href="#%E3%82%8F%E3%81%8B%E3%81%A3%E3%81%9F%E3%81%93%E3%81%A8" aria-hidden="true"></a> わかったこと</h1>
<ul>
<li>原因は、formのsubmit等が発生した際にRemixが自動で再取得すること</li>
<li>Remix側は<code>shouldRevalidate</code>を使うのはあまり推奨はしてなさそう
<ul>
<li><a href="https://remix.run/docs/en/main/route/should-revalidate" target="_blank" rel="nofollow noopener noreferrer">https://remix.run/docs/en/main/route/should-revalidate</a></li>
<li>
<blockquote>
<p>This feature is an additional optimization. In general, Remix's design already optimizes which loaders need to be called and when. When you use this feature you risk your UI getting out of sync with your server. Use with caution!</p>
</blockquote>
</li>
</ul>
</li>
<li>そもそもRemixと無限スクロールは相性がよくなさそう</li>
</ul>


<p>shouldRevalidateで制御するより、無限スクロールの要素だけfetch API等のRemix以外の方法で取得したほうがいいかも</p>
