Troubleshooting Forge UI Kit Failures

I have the following code:

        <MacroConfig>
            <Select name="attachment" label="Display this design:" isMulti="false">
                {attachments.map(attachment => {
                    return (
                        <Option label={`${attachment.title}`} value={attachment.id} />
                    )
                })
                }
            </Select>
            <TextField
                name="designName"
                label="Design Name"
                placeholder="Enter your design name here"
                onChange={(value) => setDesignName(value)}
            />
            <Button
                text="Words"
                onClick={async () => {
                await console.log("button clicked");
                }}
            />
        </MacroConfig>

If I add that button, the UI breaks with Failed to load Trace ID: undefined Validation error on initial render of the config UI.

If I remove it, everything works fine.

Button is an even more simplified version of https://developer.atlassian.com/platform/forge/ui-kit-components/uik1_all/#button

Nothing in logs or console or anything. How am I supposed to troubleshoot an issue like this?

2 Likes

https://developer.atlassian.com/platform/forge/ui-kit-components/uik1_all/#usage-notes-3

Because Macro Configs apparently don’t support buttons. :person_shrugging:

1 Like