An example on how to use `this.queueTask` to run something on every render or on mount

remix-v3-queue-task.tsx

import type { Remix } from "@remix-run/dom";
import { press } from "@remix-run/events/press";

function Component(this: Remix.Handle) {
  let isMounted = false;
  let renderCount = 0;

  // Runs once after first render (setup phase)
  this.queueTask(() => {
    isMounted = true;
    this.update();
  });

  return () => {
    // Runs after every render (render phase)
    this.queueTask(() => void renderCount++);

    return (
      <div>
        <p>Is mounted: {isMounted ? "Yes" : "No"}</p>
        <p>Render count: {renderCount}</p>
        <button on={[press(() => this.update())]}>Trigger Re-render</button>
      </div>
    );
  };
}