After using submit, the URL parameter is repeated

[tingfeng-key]

What version of Remix are you using?

1.7.0、1.6.8

Steps to Reproduce

code:

import { json } from "@remix-run/node";
import { useSubmit } from "@remix-run/react";
import { useState } from 'react';

export async function loader() {
  return json({});
}

export default function Index() {
  const submit = useSubmit();

  const [page, setPage] = useState(1);

  return (
    <button onClick={() => {
      submit({ "page": page.toString() }, { replace: true });
      setPage(page + 1);
    }}>clieck</button>
  );
}

Click the button more than once, and the page parameter in the URL will repeat.

Version 1.6.5 is normal

Expected Behavior

First click：http://127.0.0.1:3000/?index=&page=1
Second click：http://127.0.0.1:3000/?index=&page=2
Third Click：http://127.0.0.1:3000/?index=&page=3

Actual Behavior

First click：http://127.0.0.1:3000/?index=&page=1
Second click：http://127.0.0.1:3000/?index=&page=1&page=2
Third Click：http://127.0.0.1:3000/?index=&page=1&page=2&page=3

[abenhamdine]

related PR #4046 ?

[tingfeng-key]

I think they are not the same problem.

[cliffordfajardo]

I am also seeing this behavior in 1.7.0 and it seems to affect submission's using <Form> & the useSubmit.form from Remix
Legend: (works normally ✅ ) ------ (not working normally ❌ )

v1.6.7

• ✅ a simple search input example using <Form> from remix: https://codesandbox.io/s/remix-v1-6-7-search-input-example-numosx

v1.7.0

• ❌ a simple search input example using ` from remix: https://codesandbox.io/s/remix-v1-6-7-search-input-example-forked-4fol2c
• ❌ using useSubmit.submit() --- https://codesandbox.io/s/use-submit-v-1-7-0-forked-2g4feq?file=/app/routes/index.tsx

Video Reproduction

001-repeated-params.mp4

[chaance]

I do believe #4046 addressed this. Confirmed that this is fixed in 1.7.1-pre.0. Stable release should be out shortly 👍