How to use the flexlayout-react.Model function in flexlayout-react

}));
    };

    const addIframeTab = ({url, name}) => {
        state.layout.current.addTabToActiveTabSet({
            type: "tab",
            component: "TabIframe",
            name: name,
            config: {
                url: url
            }
        });
    };

    const defaultState = {
        model: FlexLayout.Model.fromJson(defaultLayout),
        layout: layoutRef,
        actions: {
            activateTicket: activateTicket,
            addIframeTab: addIframeTab,
            deleteTab: deleteTab,
            refreshTab: refreshTab,
            updateTabScreenSize: updateTabScreenSize,
        }
    };

    const [state, setState] = useState(defaultState);

    // when we have our layout, focus on main tabset
    // this will alow to use state.layout.current.addTabToActiveTabSet()
    useEffect(() => {
        if (state.model) {

'id': '#6'
                    },
                ],
            },
        ],
    },
};

const savedLayout = localStorage.getItem('layout');

export const model = do {
    if (savedLayout) {
        FlexLayout.Model.fromJson(JSON.parse(savedLayout));
    }
    else {
        FlexLayout.Model.fromJson(DEFAULT_LAYOUT);
    }
};

export function saveModel() {
    localStorage.setItem('layout', JSON.stringify(model.toJson()));
}