Configure grid step

[Mrazator]

Converted from #8553.

I'm integrating Excalidraw into a browser-based application and want to change the default grid step to 1.

Here's my current configuration:

const options = {
    langCode: 'ja-JP',
    name: name,
    initialData: {
        libraryItems: library.libraryItems,
        elements: [imageElement, ...elements],
        files: files,
        appState: {
            ...scene.appState,
            ...appStateDefault(),
            currentItemFontFamily: 2,
            gridSize: 20, // Controls the grid box size
        },
    },
};

I've tried adding 'gridStep: 1' to the appState to change it to a 1x1 grid, but the gridstep still defaults to a 5x5.

How can I correctly change the default grid step to 1x1 instead of the default 5x5? Which part of the code should I update to ensure this works?

[azad52786]

Can you please tell me what the grid step does?

[LDSmj]

Can you please tell me what the grid step does?

sample of gridstep that has a value of 1

sample of gridstep that has a value of 5