# Unable to edit gadget when using JQL-Editor Forge

**URL:** <https://community.developer.atlassian.com/t/unable-to-edit-gadget-when-using-jql-editor-forge/73249>\
**Category:** Forge\
**Tags:** jql, jql-editor, jira-cloud, forge\
**Created:** [September 27, 2023, 9:09am UTC](https://community.developer.atlassian.com/t/unable-to-edit-gadget-when-using-jql-editor-forge/73249 "2023-09-27T09:09:36Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Potato123](https://avatars.discourse-cdn.com/v4/letter/p/dc4da7/32.png) [@Potato123](https://community.developer.atlassian.com/u/Potato123)\
**Post date:** [September 27, 2023, 9:09am UTC](https://community.developer.atlassian.com/t/unable-to-edit-gadget-when-using-jql-editor-forge/73249/1 "2023-09-27T09:09:36Z")

</div>

Hello, I am trying to create a dashboard gadget and also trying to play around with the JQL Editor Forge. I managed to obtain the query and do stuff with it. However, after I save the configurations and try to edit them again, I encountered an error  
`Uncaught TypeError: Cannot read properties of undefined (reading 'split') The above error occurred in the <JQLEditorReadOnlyWithoutTheme> component:`.

I am not sure how to solve this issue and have been searching about it but I am unable to find anything about JQLEditorReadOnlyWithoutTheme.

This is my JQLEditor code, and I checked that the value is not empty.

```auto
<JqlEditor
    jast={value}
    changeHandler={onChange}
 />

export const JqlEditor = React.memo(({ jast, changeHandler }) => {
    let query = "";
    if (jast) {
        query = jast.represents
    }

    return (
        <JQLEditorForge
            query={query}
            onUpdate={(newQuery, jastObj) => {
                changeHandler(jastObj);
            }}
            locale={"en"}
        />
    );
});

```

Appreciate it if you guys are able to help!