Сохранить ширину кнопки при загрузке React

Мой компонент:

return (
            <button
                className={ _className }
                onClick={ this.handleButtonClick }
                onMouseDown={ this.switchActiveStyle }
                onMouseUp={ this.switchActiveStyle }
                onMouseOut={ this.outBtnMouse }
                style={style}
            >
                <span className={ styles["button__content"] }>
                    { loading ? <Loader
                        size={this.getSpinnerSize()}
                        className={styles['spinner__self']}
                    /> : <span
                        className={ styles["button__text"] }
                    >
                        { this.renderChildren() }
                    </span> }
                </span>
            </button>
        );

При состоянии loading: true, появляется спинер. Как мне сохранить ширину кнопки меняя текст кнопки на спинер?