Redux с другим импортом

Question

Я использую Редактор Js в функциональном компоненте и выполняю сохранение вызова API по нажатию кнопки. Чтобы получить введенные пользователем данные, мне нужен экземпляр редактора, для которого я следовал процессу, упомянутому в документации, следующим образом.

let editorInstance;

const setTextInputRef = element => {
    editorInstance = element;
};

return (
        <section className="figsCreate-ControlPanel">

            <EditorJs tools={EDITOR_JS_TOOLS} instanceRef={setTextInputRef}></EditorJs>

            <div className="postItBtn">
                <Button onClick={postItBtnHandler}>Post It</Button>
            </div>

        </section>
    )

До сих пор он работал просто отлично, получил редактор экземпляра. Но тут возникает проблема.

Проблема, с которой я сталкиваюсь, заключается в том, чтобы при вызове API необходимо было указать данные пользователя в запросе к бэкэнду, который находится в хранилище избыточных данных. Поэтому для этого я сопоставил состояние с реквизитами компонента, используя Connect from react-redux следующим образом.

FigsCreateControlPanel.propTypes = {
    auth: PropTypes.object.isRequired
}

const mapStateToProps = (state) => {
    return {
        auth: state.auth
    }

}
export default connect(mapStateToProps, {})(FigsCreateControlPanel)

Я могу получить состояние авторизации идеально, но после добавления состояния сопоставления в props logi c с помощью connect, я получаю экземпляр редактора undefined. Пожалуйста, помогите мне с этим.