# hoc/LocalForage.js

const hoc = (ComposedComponent, items = []) => {
    return class extends Component {
        constructor() {
            super();
            this.state = {
                loading: true,
                items: {},
            };
        }
    }

    async componentDidMount() {
        const data = {};
        items.forEach((item) => {
            data[item] = await localForage.getItem(item);
        });
        this.setState({
            loading: false,
            items: data,
        })
    }

    render() {
        if (this.state.loading) return null;

        return (
            <ComposedComponent
                {...this.props}
                {...this.state}
             />
        );
    }
};

# some other page/component

render() {
    console.log(this.props.settings);
}

export default LocalForage(Home, ['settings']);