Function setup

packages/react-router/tests/router.test.tsx:980–1198

(opts?: {
    remountDeps: {
      default?: RemountDepsFn
      fooId?: RemountDepsFn
      foo2Id?: RemountDepsFn
      barId?: RemountDepsFn
      bar2Id?: RemountDepsFn
    }
  })

describe('router rendering stability', () => {
  type RemountDepsFn = (opts: MakeRemountDepsOptionsUnion) => any
  async function setup(opts?: {
    remountDeps: {
      default?: RemountDepsFn
      fooId?: RemountDepsFn
      foo2Id?: RemountDepsFn
      barId?: RemountDepsFn
      bar2Id?: RemountDepsFn
    }
  }) {
    const mountMocks = {
      fooId: vi.fn(),
      foo2Id: vi.fn(),
      barId: vi.fn(),
      bar2Id: vi.fn(),
    }

    const rootRoute = createRootRoute({
      component: () => {
        return (
          <div>
            <p>Root</p>
            <div>
              <Link
                data-testid="link-foo-1"
                to="/foo/$fooId"
                params={{ fooId: '1' }}
              >
                Foo1
              </Link>
              <Link
                data-testid="link-foo-2"
                to="/foo/$fooId"
                params={{ fooId: '2' }}
              >
                Foo2
              </Link>
              <Link
                data-testid="link-foo-3-bar-1"
                to="/foo/$fooId/bar/$barId"
                params={{ fooId: '3', barId: '1' }}
              >
                Foo3-Bar1
              </Link>
              <Link
                data-testid="link-foo-3-bar-2"
                to="/foo/$fooId/bar/$barId"
                params={{ fooId: '3', barId: '2' }}
              >
                Foo3-Bar2
              </Link>
              <Link
                data-testid="link-foo2-1-bar2-1"
                to="/foo2/$foo2Id/bar2/$bar2Id"
                params={{ foo2Id: '1', bar2Id: '1' }}
              >
                Foo2-1-Bar2_1
              </Link>
              <Link