Доброго времени суток!
Пишу приложение на Next.js с использованием Redux. Проблема в том что при открытии сайта я получаю некие данные с другого сайта. Обработать эти данные и присвоить их в store мне нужно до открытия страницы. URL на который я перехожу может быть любой.
_app.js:
import App from 'next/app';
import { Provider } from 'react-redux';
import store from 'store';
import '../style/dev.css'
import MainLayout from 'layout/MainLayout';
class MyApp extends App {
render() {
const { Component, pageProps } = this.props
return (
<Provider store={store}> // как тут инициализировать уже store с данными которые были переданы?
<MainLayout>
<Component {...pageProps}/>
</MainLayout>
</Provider>
)
}
}
export default MyApp
Суть в том что данные я получаю при первом входе в приложение. Эти данные попадают в _app.js и после чего мне надо их добавить в redux store.
У меня получилось присвоить данные при инициализации НО при следующем запросе у меня этих данных больше нет и они сбрасываются.
return (
<Provider store={store(data)}>
<MainLayout>
<Component {...pageProps} />
</MainLayout>
</Provider>
)
Буду благодарен за помощь!