store.ts

import { useStaticRendering } from "mobx-react-lite";
import { action, observable } from "mobx";
import { useMemo } from "react";
useStaticRendering(typeof window === "undefined");
let companyStore;
interface CompanyServiceInterface {
    loadCompany: (name: string) => {};
}
class CompanyServiceClient implements CompanyServiceInterface{
    loadCompany(name: string): {} {
        return {};
    }
}
class CompanyServiceBackend implements CompanyServiceInterface {
    loadCompany(name: string): {} {
        return {};
    }
}
class CompanyServiceFactory {
    static create (isServer: boolean) {
        return isServer ? new CompanyServiceBackend() : new CompanyServiceClient();
    }
}
export class CompanyStore {
    @observable name = "";
    @observable orgNr = "";
    private companyService: CompanyServiceBackend | CompanyServiceClient;
    hydrate(payload) {
        if (!payload) {
            return;
        }
        const isServer = typeof window === "undefined";
        this.companyService = CompanyServiceFactory.create(isServer);
    }
    @action
    changeName(name: string) {
        this.name = name;
    }
    async loadCompany(companyIdentifier: string) {
        this.companyService.loadCompany(companyIdentifier);
    }
}
const initializeStore = (initialData = null) => {
    console.log(initialData);
    const _store = companyStore ?? new CompanyStore();
    if (initialData) {
        _store.hydrate(initialData);
    }
    if (typeof window === "undefined") return _store;
    if (!companyStore) companyStore = _store;
    return _store;
};
export function useCompanyStore(initialState) {
    return useMemo(() => initializeStore(initialState), [initialState]);
}