React Context: предоставить экземпляр диспетчера API

Я хочу сохранить один экземпляр стороннего класса менеджера API в своем приложении для реагирования.

Я пытаюсь добиться этого, используя React Context Api следующим образом:

Контекст API:

import * as React from "react";
import { ApiManager } from "../ApiManager";

const defaultValue = new ApiManager()

const ApiContext = React.createContext(defaultValue);
const ApiProvider = ApiContext.Provider;
const ApiConsumer = ApiContext.Consumer;


const withApi = (enhanced) => {
    return (
        <ApiConsumer>
            {api => enhanced }
        </ApiConsumer>
    )
}

export default ApiContext;
export {ApiContext, ApiProvider, ApiConsumer, withApi};

в моем клиенте я бы сделал что-то вроде этого:

const api = новый ApiManager({ хост: апихост, базовый URL: апиБасеурл, ключ: apKey, сеансТокен: персистедсессионтокен });

ReactDOM.hydrate(
    <Provider store = {store}>
        <PersistGate loading = {<h1>loading...</h1>} persistor = {persistor}>
            <BrowserRouter>
                <ApiProvider value = {api}>
                    <Main />
                </ApiProvider>>
            </BrowserRouter>
        </PersistGate>
    </Provider>, document.querySelector('#app')
);

У меня есть 3 вопроса:

1. Это вообще имеет смысл?
2. Как мне установить sessionToken, если он будет обновлен пользователем?
3. Как восстановить экземпляр API после перезагрузки страницы с помощью redux-persist?