redux-persist でブラウザストレージに一部のデータを保存しつつ、ストアに復旧するまで render を防ぐには

src__index.browser.js

class MyAppProvider extends Component {

    constructor() {
        super()
        this.state = { rehydratedFlag: false }
    }

    componentWillMount() {
        appEventHandler.on(AppEvents.FINISH_REHYDRATE_STORE, () => {
            this.setState({ rehydratedFlag: true });
        });
    }

    componentWillUnmount() {
        appEventHandler.removeListener(AppEvents.FINISH_REHYDRATE_STORE);
    }

    render() {
        if (!this.state.rehydratedFlag){
            return (
                <MuiThemeProvider muiTheme={getMuiTheme(NowTheme)}>
                    <NCircularProgress />
                </MuiThemeProvider>
            )
        }
        return (
            <Provider store={store}>
                <MuiThemeProvider muiTheme={getMuiTheme(NowTheme)}>
                    <Routes />
                </MuiThemeProvider>
            </Provider>
        )
    }
}

store.js

    persistStore(store, {
        transforms: dataOnlyTransformFilters,
        whitelist: [
            'foo',
            'bar',
        ] },
        () => {
            // sessionStrage への保存
            persistStore(store, {
                whitelist: [
                    'hoge',
                    'fuga',
                ],
                storage: asyncSessionStorage,
            },
            () => {
                appEventHandler.emitFinishRehydrateStore();
            });
     });

イベントハンドラ.js

import EventEmitter from 'events';
import { AppEvents } from '../constants';

// USEAGE:
//    const appEventHandler = new AppEventHandler();
//    appEventHandler.on(AppEvents.FINISH_REHYDRATE_STORE, () => {
//        // something
//    });
//    appEventHandler.emitFinishRehydrateStore();
//
// In react component:
//    componentDidMount() {
//        appEventHandler.on(AppEvents.FINISH_REHYDRATE_STORE, () => {
//            // something
//        });
//    }
//    componentWillUnmount() {
//        appEventHandler.removeListener(AppEvents.FINISH_REHYDRATE_STORE);
//    }
class AppEventHandler extends EventEmitter {
    emitFinishRehydrateStore(): void {
        this.emit(AppEvents.FINISH_REHYDRATE_STORE);
    }
}

const appEventHandler = new AppEventHandler();

export default appEventHandler;

定数定義.js

export const AppEvents = {
    FINISH_REHYDRATE_STORE: 'FINISH_REHYDRATE_STORE'
}