State of columns is not restored for columns w/o ids

[jsakalos]

This is the related issue that was discovered by a React user. It also contains the showcase:

#6618

There are two possible solutions:

1. Give user a warning if he uses columns without ids when the component is stateful (with stateId)
2. Change the ids auto-generation login in Column.js. @ExtAnimal proposed such code and it works:

     generateId() {
        const { grid } = this;

        if (grid?.stateId) {
            if (!grid.generatedIdIndex) {
                grid.generatedIdIndex = 0;
            }
            return `${grid.stateId}-${this.field ? this.field.replace(/\./g, '-') : `column-${++grid.generatedIdIndex}`}`;
        }
        else {
            if (!Column.generatedIdIndex) {
                Column.generatedIdIndex = 0;
            }

            return (this.field ? this.field.replace(/\./g, '-') : 'col') + (++Column.generatedIdIndex);
        }
    }