Fix Combobox hidden input default value causing React warnings (name prop) (#6336)

* fix combobox hidden input default value causing React warnings

* add name prop to ComboBox.test.js

---------

Co-authored-by: Robert Snow <[email protected]>
Co-authored-by: Yihui Liao <[email protected]>

Author: 3 people

packages/react-aria-components/src/ComboBox.tsx

@@ -223,7 +223,7 @@ function ComboBoxInner<T extends object>({props, collection, comboBoxRef: ref}:
         data-disabled={props.isDisabled || undefined}
         data-invalid={validation.isInvalid || undefined}
         data-required={props.isRequired || undefined} />
-      {name && formValue === 'key' && <input type="hidden" name={name} value={state.selectedKey} />}
+      {name && formValue === 'key' && <input type="hidden" name={name} value={state.selectedKey ?? ''} />}
     </Provider>
   );
 }

packages/react-aria-components/stories/ComboBox.stories.tsx

@@ -21,7 +21,7 @@ export default {
 };
 
 export const ComboBoxExample = () => (
-  <ComboBox data-testid="combo-box-example">
+  <ComboBox name="combo-box-example" data-testid="combo-box-example">
     <Label style={{display: 'block'}}>Test</Label>
     <div style={{display: 'flex'}}>
       <Input />

packages/react-aria-components/test/ComboBox.test.js

@@ -17,7 +17,7 @@ import React from 'react';
 import userEvent from '@testing-library/user-event';
 
 let TestComboBox = (props) => (
-  <ComboBox defaultInputValue="C" data-foo="bar" {...props}>
+  <ComboBox name="test-combobox" defaultInputValue="C" data-foo="bar" {...props}>
     <Label>Favorite Animal</Label>
     <Input />
     <Button />