UI Kit Form formData is undefined

Raimo Roots
I'm New Here
I'm New Here
Those new to the Atlassian Community have posted less than three times. Give them a warm welcome!
March 4, 2025

Hello

I'm struggling to pinpoint my issue with UI Kit Form component that I use in Confluence macro. 
I have a simple Form with a single select field, but for some reason the formData is undefined when I submit the form:

 

import React, { Fragment } from "react";
import ForgeReconciler, {
Form,
Select,
Text,
FormFooter,
Button
} from "@forge/react";

const App = () => {
const onSubmit = (formData) => {
console.log('formData: ', formData);
};

return
(
<Fragment>
<Form onSubmit={onSubmit}>
<Text>Hello</Text>
<Select
name="Numbers"
options={[{label: '1', value: '1'}, {label: '2', value: '2'}, {label: '3', value: '3'}]}
/>
<FormFooter align="start">
<Button type="submit">Submit</Button>
</FormFooter>
</Form>
</Fragment>
);
};

ForgeReconciler.render(
<React.StrictMode>
<App />
</React.StrictMode>,
);

1 answer

0 votes
Raimo Roots
I'm New Here
I'm New Here
Those new to the Atlassian Community have posted less than three times. Give them a warm welcome!
March 5, 2025

Suggest an answer

Log in or Sign up to answer
DEPLOYMENT TYPE
CLOUD
PRODUCT PLAN
STANDARD
PERMISSIONS LEVEL
Product Admin
TAGS
AUG Leaders

Atlassian Community Events