@inertiajs/react 2.2.3 → 2.2.5

package/dist/index.js

@@ -256,22 +256,28 @@ var Deferred_default = Deferred;
 // src/Form.ts
 var import_core5 = require("@inertiajs/core");
 var import_lodash_es2 = require("lodash-es");
-var import_react9 = __toESM(require("react"), 1);
+var import_react11 = __toESM(require("react"), 1);
 
 // src/useForm.ts
 var import_core4 = require("@inertiajs/core");
 var import_lodash_es = require("lodash-es");
-var import_react8 = require("react");
+var import_react9 = require("react");
+
+// src/react.ts
+var import_react7 = require("react");
+function useIsomorphicLayoutEffect(effect, deps) {
+  typeof window === "undefined" ? (0, import_react7.useEffect)(effect, deps) : (0, import_react7.useLayoutEffect)(effect, deps);
+}
 
 // src/useRemember.ts
 var import_core3 = require("@inertiajs/core");
-var import_react7 = require("react");
+var import_react8 = require("react");
 function useRemember(initialState, key) {
-  const [state, setState] = (0, import_react7.useState)(() => {
+  const [state, setState] = (0, import_react8.useState)(() => {
     const restored = import_core3.router.restore(key);
     return restored !== void 0 ? restored : initialState;
   });
-  (0, import_react7.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     import_core3.router.remember(state, key);
   }, [state, key]);
   return [state, setState];
@@ -279,30 +285,30 @@ function useRemember(initialState, key) {
 
 // src/useForm.ts
 function useForm(rememberKeyOrInitialValues, maybeInitialValues) {
-  const isMounted = (0, import_react8.useRef)(null);
+  const isMounted = (0, import_react9.useRef)(null);
   const rememberKey = typeof rememberKeyOrInitialValues === "string" ? rememberKeyOrInitialValues : null;
-  const [defaults, setDefaults] = (0, import_react8.useState)(
+  const [defaults, setDefaults] = (0, import_react9.useState)(
     (typeof rememberKeyOrInitialValues === "string" ? maybeInitialValues : rememberKeyOrInitialValues) || {}
   );
-  const cancelToken = (0, import_react8.useRef)(null);
-  const recentlySuccessfulTimeoutId = (0, import_react8.useRef)(null);
-  const [data, setData] = rememberKey ? useRemember(defaults, `${rememberKey}:data`) : (0, import_react8.useState)(defaults);
-  const [errors, setErrors] = rememberKey ? useRemember({}, `${rememberKey}:errors`) : (0, import_react8.useState)({});
-  const [hasErrors, setHasErrors] = (0, import_react8.useState)(false);
-  const [processing, setProcessing] = (0, import_react8.useState)(false);
-  const [progress2, setProgress] = (0, import_react8.useState)(null);
-  const [wasSuccessful, setWasSuccessful] = (0, import_react8.useState)(false);
-  const [recentlySuccessful, setRecentlySuccessful] = (0, import_react8.useState)(false);
-  const transform = (0, import_react8.useRef)((data2) => data2);
-  const isDirty = (0, import_react8.useMemo)(() => !(0, import_lodash_es.isEqual)(data, defaults), [data, defaults]);
-  (0, import_react8.useEffect)(() => {
+  const cancelToken = (0, import_react9.useRef)(null);
+  const recentlySuccessfulTimeoutId = (0, import_react9.useRef)(null);
+  const [data, setData] = rememberKey ? useRemember(defaults, `${rememberKey}:data`) : (0, import_react9.useState)(defaults);
+  const [errors, setErrors] = rememberKey ? useRemember({}, `${rememberKey}:errors`) : (0, import_react9.useState)({});
+  const [hasErrors, setHasErrors] = (0, import_react9.useState)(false);
+  const [processing, setProcessing] = (0, import_react9.useState)(false);
+  const [progress2, setProgress] = (0, import_react9.useState)(null);
+  const [wasSuccessful, setWasSuccessful] = (0, import_react9.useState)(false);
+  const [recentlySuccessful, setRecentlySuccessful] = (0, import_react9.useState)(false);
+  const transform = (0, import_react9.useRef)((data2) => data2);
+  const isDirty = (0, import_react9.useMemo)(() => !(0, import_lodash_es.isEqual)(data, defaults), [data, defaults]);
+  (0, import_react9.useEffect)(() => {
     isMounted.current = true;
     return () => {
       isMounted.current = false;
     };
   }, []);
-  const setDefaultsCalledInOnSuccess = (0, import_react8.useRef)(false);
-  const submit = (0, import_react8.useCallback)(
+  const setDefaultsCalledInOnSuccess = (0, import_react9.useRef)(false);
+  const submit = (0, import_react9.useCallback)(
     (...args) => {
       const objectPassed = args[0] !== null && typeof args[0] === "object";
       const method = objectPassed ? args[0].method : args[0];
@@ -399,7 +405,7 @@ function useForm(rememberKeyOrInitialValues, maybeInitialValues) {
     },
     [data, setErrors, transform]
   );
-  const setDataFunction = (0, import_react8.useCallback)(
+  const setDataFunction = (0, import_react9.useCallback)(
     (keyOrData, maybeValue) => {
       if (typeof keyOrData === "string") {
         setData((data2) => (0, import_lodash_es.set)((0, import_lodash_es.cloneDeep)(data2), keyOrData, maybeValue));
@@ -411,12 +417,12 @@ function useForm(rememberKeyOrInitialValues, maybeInitialValues) {
     },
     [setData]
   );
-  const [dataAsDefaults, setDataAsDefaults] = (0, import_react8.useState)(false);
-  const dataRef = (0, import_react8.useRef)(data);
-  (0, import_react8.useEffect)(() => {
+  const [dataAsDefaults, setDataAsDefaults] = (0, import_react9.useState)(false);
+  const dataRef = (0, import_react9.useRef)(data);
+  (0, import_react9.useEffect)(() => {
     dataRef.current = data;
   });
-  const setDefaultsFunction = (0, import_react8.useCallback)(
+  const setDefaultsFunction = (0, import_react9.useCallback)(
     (fieldOrFields, maybeValue) => {
       setDefaultsCalledInOnSuccess.current = true;
       if (typeof fieldOrFields === "undefined") {
@@ -430,7 +436,7 @@ function useForm(rememberKeyOrInitialValues, maybeInitialValues) {
     },
     [setDefaults]
   );
-  (0, import_react8.useLayoutEffect)(() => {
+  useIsomorphicLayoutEffect(() => {
     if (!dataAsDefaults) {
       return;
     }
@@ -439,7 +445,7 @@ function useForm(rememberKeyOrInitialValues, maybeInitialValues) {
     }
     setDataAsDefaults(false);
   }, [dataAsDefaults]);
-  const reset = (0, import_react8.useCallback)(
+  const reset = (0, import_react9.useCallback)(
     (...fields) => {
       if (fields.length === 0) {
         setData(defaults);
@@ -456,7 +462,7 @@ function useForm(rememberKeyOrInitialValues, maybeInitialValues) {
     },
     [setData, defaults]
   );
-  const setError = (0, import_react8.useCallback)(
+  const setError = (0, import_react9.useCallback)(
     (fieldOrFields, maybeValue) => {
       setErrors((errors2) => {
         const newErrors = {
@@ -469,7 +475,7 @@ function useForm(rememberKeyOrInitialValues, maybeInitialValues) {
     },
     [setErrors, setHasErrors]
   );
-  const clearErrors = (0, import_react8.useCallback)(
+  const clearErrors = (0, import_react9.useCallback)(
     (...fields) => {
       setErrors((errors2) => {
         const newErrors = Object.keys(errors2).reduce(
@@ -485,7 +491,7 @@ function useForm(rememberKeyOrInitialValues, maybeInitialValues) {
     },
     [setErrors, setHasErrors]
   );
-  const resetAndClearErrors = (0, import_react8.useCallback)(
+  const resetAndClearErrors = (0, import_react9.useCallback)(
     (...fields) => {
       reset(...fields);
       clearErrors(...fields);
@@ -495,17 +501,17 @@ function useForm(rememberKeyOrInitialValues, maybeInitialValues) {
   const createSubmitMethod = (method) => (url, options) => {
     submit(method, url, options);
   };
-  const getMethod = (0, import_react8.useCallback)(createSubmitMethod("get"), [submit]);
-  const post = (0, import_react8.useCallback)(createSubmitMethod("post"), [submit]);
-  const put = (0, import_react8.useCallback)(createSubmitMethod("put"), [submit]);
-  const patch = (0, import_react8.useCallback)(createSubmitMethod("patch"), [submit]);
-  const deleteMethod = (0, import_react8.useCallback)(createSubmitMethod("delete"), [submit]);
-  const cancel = (0, import_react8.useCallback)(() => {
+  const getMethod = (0, import_react9.useCallback)(createSubmitMethod("get"), [submit]);
+  const post = (0, import_react9.useCallback)(createSubmitMethod("post"), [submit]);
+  const put = (0, import_react9.useCallback)(createSubmitMethod("put"), [submit]);
+  const patch = (0, import_react9.useCallback)(createSubmitMethod("patch"), [submit]);
+  const deleteMethod = (0, import_react9.useCallback)(createSubmitMethod("delete"), [submit]);
+  const cancel = (0, import_react9.useCallback)(() => {
     if (cancelToken.current) {
       cancelToken.current.cancel();
     }
   }, []);
-  const transformFunction = (0, import_react8.useCallback)((callback) => {
+  const transformFunction = (0, import_react9.useCallback)((callback) => {
     transform.current = callback;
   }, []);
   return {
@@ -536,10 +542,10 @@ function useForm(rememberKeyOrInitialValues, maybeInitialValues) {
 
 // src/Form.ts
 var deferStateUpdate = (callback) => {
-  typeof import_react9.default.startTransition === "function" ? import_react9.default.startTransition(callback) : setTimeout(callback, 0);
+  typeof import_react11.default.startTransition === "function" ? import_react11.default.startTransition(callback) : setTimeout(callback, 0);
 };
 var noop = () => void 0;
-var Form = (0, import_react9.forwardRef)(
+var Form = (0, import_react11.forwardRef)(
   ({
     action = "",
     method = "get",
@@ -567,18 +573,18 @@ var Form = (0, import_react9.forwardRef)(
     ...props
   }, ref) => {
     const form = useForm({});
-    const formElement = (0, import_react9.useRef)(null);
-    const resolvedMethod = (0, import_react9.useMemo)(() => {
+    const formElement = (0, import_react11.useRef)(null);
+    const resolvedMethod = (0, import_react11.useMemo)(() => {
       return (0, import_core5.isUrlMethodPair)(action) ? action.method : method.toLowerCase();
     }, [action, method]);
-    const [isDirty, setIsDirty] = (0, import_react9.useState)(false);
-    const defaultData = (0, import_react9.useRef)(new FormData());
+    const [isDirty, setIsDirty] = (0, import_react11.useState)(false);
+    const defaultData = (0, import_react11.useRef)(new FormData());
     const getFormData = () => new FormData(formElement.current);
     const getData = () => (0, import_core5.formDataToObject)(getFormData());
     const updateDirtyState = (event) => deferStateUpdate(
       () => setIsDirty(event.type === "reset" ? false : !(0, import_lodash_es2.isEqual)(getData(), (0, import_core5.formDataToObject)(defaultData.current)))
     );
-    (0, import_react9.useEffect)(() => {
+    (0, import_react11.useEffect)(() => {
       defaultData.current = getFormData();
       const formEvents = ["input", "change", "reset"];
       formEvents.forEach((e) => formElement.current.addEventListener(e, updateDirtyState));
@@ -658,8 +664,8 @@ var Form = (0, import_react9.forwardRef)(
       submit,
       defaults
     });
-    (0, import_react9.useImperativeHandle)(ref, exposed, [form, isDirty, submit]);
-    return (0, import_react9.createElement)(
+    (0, import_react11.useImperativeHandle)(ref, exposed, [form, isDirty, submit]);
+    return (0, import_react11.createElement)(
       "form",
       {
         ...props,
@@ -685,12 +691,12 @@ var Form_default = Form;
 
 // src/Head.ts
 var import_lodash_es3 = require("lodash-es");
-var import_react10 = __toESM(require("react"), 1);
+var import_react12 = __toESM(require("react"), 1);
 var Head = function({ children, title }) {
-  const headManager = (0, import_react10.useContext)(HeadContext_default);
-  const provider = (0, import_react10.useMemo)(() => headManager.createProvider(), [headManager]);
+  const headManager = (0, import_react12.useContext)(HeadContext_default);
+  const provider = (0, import_react12.useMemo)(() => headManager.createProvider(), [headManager]);
   const isServer = typeof window === "undefined";
-  (0, import_react10.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     provider.reconnect();
     provider.update(renderNodes(children));
     return () => {
@@ -747,7 +753,7 @@ var Head = function({ children, title }) {
     return html;
   }
   function ensureNodeHasInertiaProp(node) {
-    return import_react10.default.cloneElement(node, {
+    return import_react12.default.cloneElement(node, {
       inertia: node.props["head-key"] !== void 0 ? node.props["head-key"] : ""
     });
   }
@@ -755,7 +761,7 @@ var Head = function({ children, title }) {
     return renderTag(ensureNodeHasInertiaProp(node));
   }
   function renderNodes(nodes) {
-    const computed = import_react10.default.Children.toArray(nodes).filter((node) => node).map((node) => renderNode(node));
+    const computed = import_react12.default.Children.toArray(nodes).filter((node) => node).map((node) => renderNode(node));
     if (title && !computed.find((tag) => tag.startsWith("<title"))) {
       computed.push(`<title inertia>${title}</title>`);
     }
@@ -770,7 +776,7 @@ var Head_default = Head;
 
 // src/InfiniteScroll.ts
 var import_core6 = require("@inertiajs/core");
-var import_react11 = __toESM(require("react"), 1);
+var import_react13 = __toESM(require("react"), 1);
 var resolveHTMLElement = (value, fallback) => {
   if (!value) {
     return fallback;
@@ -789,7 +795,7 @@ var renderSlot = (slotContent, slotProps, fallback = null) => {
   }
   return typeof slotContent === "function" ? slotContent(slotProps) : slotContent;
 };
-var InfiniteScroll = (0, import_react11.forwardRef)(
+var InfiniteScroll = (0, import_react13.forwardRef)(
   ({
     data,
     buffer = 0,
@@ -810,32 +816,32 @@ var InfiniteScroll = (0, import_react11.forwardRef)(
     onlyPrevious = false,
     ...props
   }, ref) => {
-    const [startElementFromRef, setStartElementFromRef] = (0, import_react11.useState)(null);
-    const startElementRef = (0, import_react11.useCallback)((node) => setStartElementFromRef(node), []);
-    const [endElementFromRef, setEndElementFromRef] = (0, import_react11.useState)(null);
-    const endElementRef = (0, import_react11.useCallback)((node) => setEndElementFromRef(node), []);
-    const [itemsElementFromRef, setItemsElementFromRef] = (0, import_react11.useState)(null);
-    const itemsElementRef = (0, import_react11.useCallback)((node) => setItemsElementFromRef(node), []);
-    const [loadingPrevious, setLoadingPrevious] = (0, import_react11.useState)(false);
-    const [loadingNext, setLoadingNext] = (0, import_react11.useState)(false);
-    const [requestCount, setRequestCount] = (0, import_react11.useState)(0);
-    const [resolvedStartElement, setResolvedStartElement] = (0, import_react11.useState)(null);
-    const [resolvedEndElement, setResolvedEndElement] = (0, import_react11.useState)(null);
-    const [resolvedItemsElement, setResolvedItemsElement] = (0, import_react11.useState)(null);
-    (0, import_react11.useEffect)(() => {
+    const [startElementFromRef, setStartElementFromRef] = (0, import_react13.useState)(null);
+    const startElementRef = (0, import_react13.useCallback)((node) => setStartElementFromRef(node), []);
+    const [endElementFromRef, setEndElementFromRef] = (0, import_react13.useState)(null);
+    const endElementRef = (0, import_react13.useCallback)((node) => setEndElementFromRef(node), []);
+    const [itemsElementFromRef, setItemsElementFromRef] = (0, import_react13.useState)(null);
+    const itemsElementRef = (0, import_react13.useCallback)((node) => setItemsElementFromRef(node), []);
+    const [loadingPrevious, setLoadingPrevious] = (0, import_react13.useState)(false);
+    const [loadingNext, setLoadingNext] = (0, import_react13.useState)(false);
+    const [requestCount, setRequestCount] = (0, import_react13.useState)(0);
+    const [resolvedStartElement, setResolvedStartElement] = (0, import_react13.useState)(null);
+    const [resolvedEndElement, setResolvedEndElement] = (0, import_react13.useState)(null);
+    const [resolvedItemsElement, setResolvedItemsElement] = (0, import_react13.useState)(null);
+    (0, import_react13.useEffect)(() => {
       const element = startElement ? resolveHTMLElement(startElement, startElementFromRef) : startElementFromRef;
       setResolvedStartElement(element);
     }, [startElement, startElementFromRef]);
-    (0, import_react11.useEffect)(() => {
+    (0, import_react13.useEffect)(() => {
       const element = endElement ? resolveHTMLElement(endElement, endElementFromRef) : endElementFromRef;
       setResolvedEndElement(element);
     }, [endElement, endElementFromRef]);
-    (0, import_react11.useEffect)(() => {
+    (0, import_react13.useEffect)(() => {
       const element = itemsElement ? resolveHTMLElement(itemsElement, itemsElementFromRef) : itemsElementFromRef;
       setResolvedItemsElement(element);
     }, [itemsElement, itemsElementFromRef]);
-    const scrollableParent = (0, import_react11.useMemo)(() => (0, import_core6.getScrollableParent)(resolvedItemsElement), [resolvedItemsElement]);
-    const callbackPropsRef = (0, import_react11.useRef)({
+    const scrollableParent = (0, import_react13.useMemo)(() => (0, import_core6.getScrollableParent)(resolvedItemsElement), [resolvedItemsElement]);
+    const callbackPropsRef = (0, import_react13.useRef)({
       buffer,
       onlyNext,
       onlyPrevious,
@@ -849,10 +855,10 @@ var InfiniteScroll = (0, import_react11.forwardRef)(
       reverse,
       preserveUrl
     };
-    const [infiniteScroll, setInfiniteScroll] = (0, import_react11.useState)(null);
-    const dataManager = (0, import_react11.useMemo)(() => infiniteScroll?.dataManager, [infiniteScroll]);
-    const elementManager = (0, import_react11.useMemo)(() => infiniteScroll?.elementManager, [infiniteScroll]);
-    const scrollToBottom = (0, import_react11.useCallback)(() => {
+    const [infiniteScroll, setInfiniteScroll] = (0, import_react13.useState)(null);
+    const dataManager = (0, import_react13.useMemo)(() => infiniteScroll?.dataManager, [infiniteScroll]);
+    const elementManager = (0, import_react13.useMemo)(() => infiniteScroll?.elementManager, [infiniteScroll]);
+    const scrollToBottom = (0, import_react13.useCallback)(() => {
       if (scrollableParent) {
         scrollableParent.scrollTo({
           top: scrollableParent.scrollHeight,
@@ -865,7 +871,7 @@ var InfiniteScroll = (0, import_react11.forwardRef)(
         });
       }
     }, [scrollableParent]);
-    (0, import_react11.useEffect)(() => {
+    (0, import_react13.useEffect)(() => {
       if (!resolvedItemsElement) {
         return;
       }
@@ -903,26 +909,25 @@ var InfiniteScroll = (0, import_react11.forwardRef)(
         elementManager2.enableTriggers();
       }
       return () => {
-        dataManager2.removeEventListener();
-        elementManager2.flushAll();
+        infiniteScrollInstance.flush();
         setInfiniteScroll(null);
       };
     }, [data, resolvedItemsElement, resolvedStartElement, resolvedEndElement, scrollableParent]);
-    const manualMode = (0, import_react11.useMemo)(
+    const manualMode = (0, import_react13.useMemo)(
       () => manual || manualAfter > 0 && requestCount >= manualAfter,
       [manual, manualAfter, requestCount]
     );
-    const autoLoad = (0, import_react11.useMemo)(() => !manualMode, [manualMode]);
-    (0, import_react11.useEffect)(() => {
+    const autoLoad = (0, import_react13.useMemo)(() => !manualMode, [manualMode]);
+    (0, import_react13.useEffect)(() => {
       autoLoad ? elementManager?.enableTriggers() : elementManager?.disableTriggers();
     }, [autoLoad, onlyNext, onlyPrevious, resolvedStartElement, resolvedEndElement]);
-    (0, import_react11.useEffect)(() => {
+    (0, import_react13.useEffect)(() => {
       const shouldAutoScroll = autoScroll !== void 0 ? autoScroll : reverse;
       if (shouldAutoScroll) {
         scrollToBottom();
       }
     }, [scrollableParent]);
-    (0, import_react11.useImperativeHandle)(
+    (0, import_react13.useImperativeHandle)(
       ref,
       () => ({
         fetchNext: dataManager?.fetchNext || (() => {
@@ -968,7 +973,7 @@ var InfiniteScroll = (0, import_react11.forwardRef)(
     const renderElements = [];
     if (!startElement) {
       renderElements.push(
-        (0, import_react11.createElement)(
+        (0, import_react13.createElement)(
           "div",
           { ref: startElementRef },
           // Render previous slot or fallback to loading indicator
@@ -977,7 +982,7 @@ var InfiniteScroll = (0, import_react11.forwardRef)(
       );
     }
     renderElements.push(
-      (0, import_react11.createElement)(
+      (0, import_react13.createElement)(
         as,
         { ...props, ref: itemsElementRef },
         typeof children === "function" ? children(exposedSlot) : children
@@ -985,7 +990,7 @@ var InfiniteScroll = (0, import_react11.forwardRef)(
     );
     if (!endElement) {
       renderElements.push(
-        (0, import_react11.createElement)(
+        (0, import_react13.createElement)(
           "div",
           { ref: endElementRef },
           // Render next slot or fallback to loading indicator
@@ -993,7 +998,7 @@ var InfiniteScroll = (0, import_react11.forwardRef)(
         )
       );
     }
-    return (0, import_react11.createElement)(import_react11.default.Fragment, {}, ...reverse ? [...renderElements].reverse() : renderElements);
+    return (0, import_react13.createElement)(import_react13.default.Fragment, {}, ...reverse ? [...renderElements].reverse() : renderElements);
   }
 );
 InfiniteScroll.displayName = "InertiaInfiniteScroll";
@@ -1001,9 +1006,9 @@ var InfiniteScroll_default = InfiniteScroll;
 
 // src/Link.ts
 var import_core7 = require("@inertiajs/core");
-var import_react12 = require("react");
+var import_react14 = require("react");
 var noop2 = () => void 0;
-var Link = (0, import_react12.forwardRef)(
+var Link = (0, import_react14.forwardRef)(
   ({
     children,
     as = "a",
@@ -1012,6 +1017,7 @@ var Link = (0, import_react12.forwardRef)(
     method = "get",
     preserveScroll = false,
     preserveState = null,
+    preserveUrl = false,
     replace = false,
     only = [],
     except = [],
@@ -1034,38 +1040,39 @@ var Link = (0, import_react12.forwardRef)(
     cacheTags = [],
     ...props
   }, ref) => {
-    const [inFlightCount, setInFlightCount] = (0, import_react12.useState)(0);
-    const hoverTimeout = (0, import_react12.useRef)(null);
-    const _method = (0, import_react12.useMemo)(() => {
+    const [inFlightCount, setInFlightCount] = (0, import_react14.useState)(0);
+    const hoverTimeout = (0, import_react14.useRef)(null);
+    const _method = (0, import_react14.useMemo)(() => {
       return (0, import_core7.isUrlMethodPair)(href) ? href.method : method.toLowerCase();
     }, [href, method]);
-    const _as = (0, import_react12.useMemo)(() => {
+    const _as = (0, import_react14.useMemo)(() => {
       if (typeof as !== "string" || as.toLowerCase() !== "a") {
         return as;
       }
       return _method !== "get" ? "button" : as.toLowerCase();
     }, [as, _method]);
-    const mergeDataArray = (0, import_react12.useMemo)(
+    const mergeDataArray = (0, import_react14.useMemo)(
       () => (0, import_core7.mergeDataIntoQueryString)(_method, (0, import_core7.isUrlMethodPair)(href) ? href.url : href, data, queryStringArrayFormat),
       [href, _method, data, queryStringArrayFormat]
     );
-    const url = (0, import_react12.useMemo)(() => mergeDataArray[0], [mergeDataArray]);
-    const _data = (0, import_react12.useMemo)(() => mergeDataArray[1], [mergeDataArray]);
-    const baseParams = (0, import_react12.useMemo)(
+    const url = (0, import_react14.useMemo)(() => mergeDataArray[0], [mergeDataArray]);
+    const _data = (0, import_react14.useMemo)(() => mergeDataArray[1], [mergeDataArray]);
+    const baseParams = (0, import_react14.useMemo)(
       () => ({
         data: _data,
         method: _method,
         preserveScroll,
         preserveState: preserveState ?? _method !== "get",
+        preserveUrl,
         replace,
         only,
         except,
         headers,
         async
       }),
-      [_data, _method, preserveScroll, preserveState, replace, only, except, headers, async]
+      [_data, _method, preserveScroll, preserveState, preserveUrl, replace, only, except, headers, async]
     );
-    const visitParams = (0, import_react12.useMemo)(
+    const visitParams = (0, import_react14.useMemo)(
       () => ({
         ...baseParams,
         onCancelToken,
@@ -1085,7 +1092,7 @@ var Link = (0, import_react12.forwardRef)(
       }),
       [baseParams, onCancelToken, onBefore, onStart, onProgress, onFinish, onCancel, onSuccess, onError]
     );
-    const prefetchModes = (0, import_react12.useMemo)(
+    const prefetchModes = (0, import_react14.useMemo)(
       () => {
         if (prefetch === true) {
           return ["hover"];
@@ -1100,7 +1107,7 @@ var Link = (0, import_react12.forwardRef)(
       },
       Array.isArray(prefetch) ? prefetch : [prefetch]
     );
-    const cacheForValue = (0, import_react12.useMemo)(() => {
+    const cacheForValue = (0, import_react14.useMemo)(() => {
       if (cacheFor !== 0) {
         return cacheFor;
       }
@@ -1109,7 +1116,7 @@ var Link = (0, import_react12.forwardRef)(
       }
       return 3e4;
     }, [cacheFor, prefetchModes]);
-    const doPrefetch = (0, import_react12.useMemo)(() => {
+    const doPrefetch = (0, import_react14.useMemo)(() => {
       return () => {
         import_core7.router.prefetch(
           url,
@@ -1122,12 +1129,12 @@ var Link = (0, import_react12.forwardRef)(
         );
       };
     }, [url, baseParams, onPrefetching, onPrefetched, cacheForValue, cacheTags]);
-    (0, import_react12.useEffect)(() => {
+    (0, import_react14.useEffect)(() => {
       return () => {
         clearTimeout(hoverTimeout.current);
       };
     }, []);
-    (0, import_react12.useEffect)(() => {
+    (0, import_react14.useEffect)(() => {
       if (prefetchModes.includes("mount")) {
         setTimeout(() => doPrefetch());
       }
@@ -1182,7 +1189,7 @@ var Link = (0, import_react12.forwardRef)(
         }
       }
     };
-    const elProps = (0, import_react12.useMemo)(() => {
+    const elProps = (0, import_react14.useMemo)(() => {
       if (_as === "button") {
         return { type: "button" };
       }
@@ -1191,7 +1198,7 @@ var Link = (0, import_react12.forwardRef)(
       }
       return {};
     }, [_as, url]);
-    return (0, import_react12.createElement)(
+    return (0, import_react14.createElement)(
       _as,
       {
         ...props,
@@ -1217,18 +1224,18 @@ var Link_default = Link;
 
 // src/usePoll.ts
 var import_core8 = require("@inertiajs/core");
-var import_react13 = require("react");
+var import_react15 = require("react");
 function usePoll(interval, requestOptions = {}, options = {
   keepAlive: false,
   autoStart: true
 }) {
-  const pollRef = (0, import_react13.useRef)(
+  const pollRef = (0, import_react15.useRef)(
     import_core8.router.poll(interval, requestOptions, {
       ...options,
       autoStart: false
     })
   );
-  (0, import_react13.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     if (options.autoStart ?? true) {
       pollRef.current.start();
     }
@@ -1242,14 +1249,14 @@ function usePoll(interval, requestOptions = {}, options = {
 
 // src/usePrefetch.ts
 var import_core9 = require("@inertiajs/core");
-var import_react14 = require("react");
+var import_react16 = require("react");
 function usePrefetch(options = {}) {
   const cached = typeof window === "undefined" ? null : import_core9.router.getCached(window.location.pathname, options);
   const inFlight = typeof window === "undefined" ? null : import_core9.router.getPrefetching(window.location.pathname, options);
-  const [lastUpdatedAt, setLastUpdatedAt] = (0, import_react14.useState)(cached?.staleTimestamp || null);
-  const [isPrefetching, setIsPrefetching] = (0, import_react14.useState)(inFlight !== null);
-  const [isPrefetched, setIsPrefetched] = (0, import_react14.useState)(cached !== null);
-  (0, import_react14.useEffect)(() => {
+  const [lastUpdatedAt, setLastUpdatedAt] = (0, import_react16.useState)(cached?.staleTimestamp || null);
+  const [isPrefetching, setIsPrefetching] = (0, import_react16.useState)(inFlight !== null);
+  const [isPrefetched, setIsPrefetched] = (0, import_react16.useState)(cached !== null);
+  (0, import_react16.useEffect)(() => {
     const onPrefetchingListener = import_core9.router.on("prefetching", (e) => {
       if (e.detail.visit.url.pathname === window.location.pathname) {
         setIsPrefetching(true);
@@ -1277,16 +1284,16 @@ function usePrefetch(options = {}) {
 
 // src/WhenVisible.ts
 var import_core10 = require("@inertiajs/core");
-var import_react15 = require("react");
+var import_react17 = require("react");
 var WhenVisible = ({ children, data, params, buffer, as, always, fallback }) => {
   always = always ?? false;
   as = as ?? "div";
   fallback = fallback ?? null;
-  const [loaded, setLoaded] = (0, import_react15.useState)(false);
-  const hasFetched = (0, import_react15.useRef)(false);
-  const fetching = (0, import_react15.useRef)(false);
-  const ref = (0, import_react15.useRef)(null);
-  const getReloadParams = (0, import_react15.useCallback)(() => {
+  const [loaded, setLoaded] = (0, import_react17.useState)(false);
+  const hasFetched = (0, import_react17.useRef)(false);
+  const fetching = (0, import_react17.useRef)(false);
+  const ref = (0, import_react17.useRef)(null);
+  const getReloadParams = (0, import_react17.useCallback)(() => {
     if (data) {
       return {
         only: Array.isArray(data) ? data : [data]
@@ -1297,7 +1304,7 @@ var WhenVisible = ({ children, data, params, buffer, as, always, fallback }) =>
     }
     return params;
   }, [params, data]);
-  (0, import_react15.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     if (!ref.current) {
       return;
     }
@@ -1343,7 +1350,7 @@ var WhenVisible = ({ children, data, params, buffer, as, always, fallback }) =>
   const resolveChildren = () => typeof children === "function" ? children() : children;
   const resolveFallback = () => typeof fallback === "function" ? fallback() : fallback;
   if (always || !loaded) {
-    return (0, import_react15.createElement)(
+    return (0, import_react17.createElement)(
       as,
       {
         props: null,