Stabilize fetcher.reset() (#14545)

Author: brophdawg11

.changeset/rotten-grapes-cough.md

@@ -0,0 +1,7 @@
+---
+"react-router": minor
+---
+
+Stabilize `fetcher.reset()`
+
+- ⚠️ This is a breaking change if you have begun using `fetcher.unstable_reset()`

packages/react-router/__tests__/dom/data-browser-router-test.tsx

@@ -5567,9 +5567,7 @@ function testDomRouter(
                   <>
                     <p id="output">{`${fetcher.state}-${fetcher.data}`}</p>
                     <button onClick={() => fetcher.load("/")}>load</button>
-                    <button onClick={() => fetcher.unstable_reset()}>
-                      reset
-                    </button>
+                    <button onClick={() => fetcher.reset()}>reset</button>
                   </>
                 );
               },

packages/react-router/lib/dom/lib.tsx

@@ -2820,7 +2820,7 @@ export type FetcherWithComponents<TData> = Fetcher<TData> & {
    * @param reason Optional `reason` to provide to [`AbortController.abort()`](https://developer.mozilla.org/en-US/docs/Web/API/AbortController/abort)
    * @returns void
    */
-  unstable_reset: (opts?: { reason?: unknown }) => void;
+  reset: (opts?: { reason?: unknown }) => void;
 
   /**
    *  Submits form data to a route. While multiple nested routes can match a URL, only the leaf route will be called.
@@ -2911,7 +2911,7 @@ export type FetcherWithComponents<TData> = Fetcher<TData> & {
  *   })
  *
  *   // reset fetcher
- *   fetcher.unstable_reset()
+ *   fetcher.reset()
  * }
  *
  * @public
@@ -2995,9 +2995,10 @@ export function useFetcher<T = any>({
     [fetcherKey, submitImpl],
   );
 
-  let unstable_reset = React.useCallback<
-    FetcherWithComponents<T>["unstable_reset"]
-  >((opts) => resetFetcher(fetcherKey, opts), [resetFetcher, fetcherKey]);
+  let reset = React.useCallback<FetcherWithComponents<T>["reset"]>(
+    (opts) => resetFetcher(fetcherKey, opts),
+    [resetFetcher, fetcherKey],
+  );
 
   let FetcherForm = React.useMemo(() => {
     let FetcherForm = React.forwardRef<HTMLFormElement, FetcherFormProps>(
@@ -3019,11 +3020,11 @@ export function useFetcher<T = any>({
       Form: FetcherForm,
       submit,
       load,
-      unstable_reset,
+      reset,
       ...fetcher,
       data,
     }),
-    [FetcherForm, submit, load, unstable_reset, fetcher, data],
+    [FetcherForm, submit, load, reset, fetcher, data],
   );
 
   return fetcherWithComponents;