How to support another root container other than 'Form'?

[ozgurrgul]

Basically I initialize an engine with following createEngine() usage:

 const engine = useMemo(
    () =>
      createDesigner({
        shortcuts: [
          new Shortcut({
            codes: [
              [KeyCode.Meta, KeyCode.S],
              [KeyCode.Control, KeyCode.S],
            ],
            handler(ctx) {
              // saveSchema(ctx.engine)
            },
          }),
        ],
        rootComponentName: "Form",
      }),
    []
  );

How can I extend rootComponentName to be lets say 'FormGrid' or custom schema? When I change to something else, dragging to 'DESIGNABLE area gives 'red' borders meaning its not supported. Couldn't find the relevant information.

---

Alright, I figured out that you need to wrap the root component always with an instance of FormilyForm, since all the widgets depend on formily hooks and logics inside.