Merge branch 'master' into precognition-merge

Author: pascalbaljet

CHANGELOG.md

@@ -7,10 +7,28 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 For changes prior to v1.0.0, see the [legacy releases](https://legacy.inertiajs.com/releases).
 
-## [Unreleased](https://github.com/inertiajs/inertia/compare/v2.2.16...master)
+## [Unreleased](https://github.com/inertiajs/inertia/compare/v2.2.18...master)
 
 - Nothing yet
 
+## [v2.2.18](https://github.com/inertiajs/inertia/compare/v2.2.17...v2.2.18) - 2025-11-17
+
+### What's Changed
+
+* Ensure `objectsAreEqual()` checks all keys in both objects by [@pascalbaljet](https://github.com/pascalbaljet) in https://github.com/inertiajs/inertia/pull/2705
+
+**Full Changelog**: https://github.com/inertiajs/inertia/compare/v2.2.17...v2.2.18
+
+## [v2.2.17](https://github.com/inertiajs/inertia/compare/v2.2.16...v2.2.17) - 2025-11-14
+
+### What's Changed
+
+* Reset `<WhenVisible>` loading state after a page reload by [@pascalbaljet](https://github.com/pascalbaljet) in https://github.com/inertiajs/inertia/pull/2699
+* Add test for reloading deferred props by [@pascalbaljet](https://github.com/pascalbaljet) in https://github.com/inertiajs/inertia/pull/2698
+* Force `indices` array format when submitting data using `FormData` by [@pascalbaljet](https://github.com/pascalbaljet) in https://github.com/inertiajs/inertia/pull/2701
+
+**Full Changelog**: https://github.com/inertiajs/inertia/compare/v2.2.16...v2.2.17
+
 ## [v2.2.16](https://github.com/inertiajs/inertia/compare/v2.2.15...v2.2.16) - 2025-11-13
 
 ### What's Changed

packages/core/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inertiajs/core",
-  "version": "2.2.16",
+  "version": "2.2.18",
   "license": "MIT",
   "description": "A framework for creating server-driven single page apps.",
   "contributors": [

packages/core/src/config.ts

@@ -73,6 +73,7 @@ export class Config<TConfig extends {} = {}> {
 export const config = new Config<InertiaAppConfig>({
   form: {
     recentlySuccessfulDuration: 2_000,
+    forceIndicesArrayFormatInFormData: true,
   },
   future: {
     preserveEqualProps: false,

packages/core/src/objectUtils.ts

@@ -1,4 +1,4 @@
-export const objectsAreEqual = <T>(
+export const objectsAreEqual = <T extends Record<string, any>>(
   obj1: T,
   obj2: T,
   excludeKeys: {
@@ -9,6 +9,7 @@ export const objectsAreEqual = <T>(
     return true
   }
 
+  // Check keys in obj1
   for (const key in obj1) {
     if (excludeKeys.includes(key)) {
       continue
@@ -23,6 +24,17 @@ export const objectsAreEqual = <T>(
     }
   }
 
+  // Check keys that exist in obj2 but not in obj1
+  for (const key in obj2) {
+    if (excludeKeys.includes(key)) {
+      continue
+    }
+
+    if (!(key in obj1)) {
+      return false
+    }
+  }
+
   return true
 }
 

packages/core/src/types.ts

@@ -498,6 +498,7 @@ export type PrefetchOptions = {
 export type InertiaAppConfig = {
   form: {
     recentlySuccessfulDuration: number
+    forceIndicesArrayFormatInFormData: boolean
   }
   // experimental: {
   //   /* not guaranteed */

packages/core/src/url.ts

@@ -1,4 +1,5 @@
 import * as qs from 'qs'
+import { config } from './config'
 import { hasFiles } from './files'
 import { isFormData, objectToFormData } from './formData'
 import type {
@@ -24,6 +25,10 @@ export const transformUrlAndData = (
   let url = typeof href === 'string' ? hrefToUrl(href) : href
 
   if ((hasFiles(data) || forceFormData) && !isFormData(data)) {
+    if (config.get('form.forceIndicesArrayFormatInFormData')) {
+      queryStringArrayFormat = 'indices'
+    }
+
     data = objectToFormData(data, new FormData(), null, queryStringArrayFormat)
   }
 

packages/react/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inertiajs/react",
-  "version": "2.2.16",
+  "version": "2.2.18",
   "license": "MIT",
   "description": "The React adapter for Inertia.js",
   "contributors": [

packages/react/test-app/Pages/DeferredProps/Page1.tsx

@@ -25,6 +25,9 @@ export default () => {
 
       <Link href="/deferred-props/page-1">Page 1</Link>
       <Link href="/deferred-props/page-2">Page 2</Link>
+      <Link href="/deferred-props/page-3" prefetch>
+        Page 3
+      </Link>
     </>
   )
 }

packages/react/test-app/Pages/DeferredProps/Page3.tsx

@@ -0,0 +1,27 @@
+import { Deferred, usePage } from '@inertiajs/react'
+
+const Alpha = () => {
+  const { alpha } = usePage<{ alpha?: string }>().props
+
+  return alpha
+}
+
+const Beta = () => {
+  const { beta } = usePage<{ beta?: string }>().props
+
+  return beta
+}
+
+export default () => {
+  return (
+    <>
+      <Deferred data="alpha" fallback={<div>Loading alpha...</div>}>
+        <Alpha />
+      </Deferred>
+
+      <Deferred data="beta" fallback={<div>Loading beta...</div>}>
+        <Beta />
+      </Deferred>
+    </>
+  )
+}

packages/react/test-app/Pages/FormComponent/Elements.tsx

@@ -1,9 +1,20 @@
 import { QueryStringArrayFormatOption } from '@inertiajs/core'
-import { Form } from '@inertiajs/react'
+import { config, Form } from '@inertiajs/react'
+
+export default ({
+  queryStringArrayFormat,
+}: {
+  queryStringArrayFormat: QueryStringArrayFormatOption | 'force-brackets'
+}) => {
+  const format: QueryStringArrayFormatOption =
+    queryStringArrayFormat === 'force-brackets' ? 'brackets' : queryStringArrayFormat
+
+  if (queryStringArrayFormat === 'force-brackets') {
+    config.set('form.forceIndicesArrayFormatInFormData', false)
+  }
 
-export default ({ queryStringArrayFormat }: { queryStringArrayFormat: QueryStringArrayFormatOption }) => {
   return (
-    <Form action="/dump/post" method="post" queryStringArrayFormat={queryStringArrayFormat}>
+    <Form action="/dump/post" method="post" queryStringArrayFormat={format}>
       {({ isDirty }) => (
         <>
           <h1>Form Elements</h1>