Я новичок, чтобы среагировать, и я очень страдаю от того, чтобы реализовать в моем приложении избыточность в Next. JS, я много исследовал, как решить проблему, и не могу. Я получаю сообщение об ошибке 
Кто-нибудь может мне помочь?
Я до сих пор не могу понять, что такое сокращение, это немного сбивает с толку.
У меня есть макет, который является своего рода материнской страницей, на которой будут отображаться представления и представление. Я считаю, что сделал все правильно, но эта ошибка настаивает на появлении.
мой магазин:
import { createStore } from "redux";
import { persistStore, persistReducer } from "redux-persist";
import storage from "redux-persist/lib/storage";
import rootReducer from "./reducers"; // the value from combineReducers
const persistConfig = {
key: "@veat3",
storage: storage,
version: 1,
blacklist: [
"utils"
]
};
const pReducer = persistReducer(persistConfig, rootReducer);
export const store = createStore(pReducer);
export const persistor = persistStore(store);
мой макет:
import Link from 'next/link'
import Head from 'next/head'
import { Provider } from "react-redux";
import { PersistGate } from "redux-persist/integration/react";
import { store, persistor } from "./../store";
import Footer from "./../components/footer";
import css from "./../styles/main.scss"
export default ({children, title = 'TITLE'}) => (
<>
<Head>
<title>{title}</title>
<meta charSet="utf-8" />
<meta name="viewport" content="initial-scale=1.0, width=device-width" />
</Head>
<header>
<nav>
<Link href="/">
<a>Home</a>
</Link>
</nav>
</header>
<main>
<Provider store={store}>
<PersistGate loading={null} persistor={persistor}>
{children}
</PersistGate>
</Provider>
</main>
<Footer />
</>
)
Моя страница:
import Head from 'next/head'
import { useState, useEffect } from "react";
import { useSelector } from 'react-redux'
import { fetchBanner } from './../services/banner'
import Layout from './../layout/default'
import Banner from './../components/pages/banner'
import Instagram from './../components/pages/home/instagram'
import Steps from './../components/pages/home/steps'
import Features from './../components/pages/home/features'
const ButtonBanner = {
'text' : 'Confira nosso cardápio',
'target' : '_parent',
'link' : '/'
}
const Home = () => {
const [banners,setBanners] = useState([]);
const assetsURL = useSelector(state => state.utils.apiAssetsURL);
useEffect( async () => {
const res = await fetchBanner;
console.log(res);
});
return (
<Layout title="HOME PAGE">
<Banner
img="http://example.com/dir/file.jpg"
title="O sabor em todos os momentos"
text="que chega em sua porta"
button={ButtonBanner}
/>
<Features />
<Steps />
<Instagram />
</Layout>
)
}
export default Home