인프런 커뮤니티 질문&답변

import React from 'react';

import Link from 'next/link'

import styled from 'styled-components'

import { Menu, Input, Button } from 'antd';

const layout = styled.div`

`;

const upmenu = styled(Menu)`

`;

const AppLayout = ({children}) =>{

    return(

        <layout>

            <upmenu mode="horizontal">

                <Menu.Item key="home"><Link href="/"><a>홈1</a></Link></Menu.Item>

                <Menu.Item key="country"><Link href="/country"><a>홈2</a></Link></Menu.Item>

                <Menu.Item key="mail">

                    <Input.Search enterButton style={{ verticalAlign: 'middle'}} />

                </Menu.Item>

            </upmenu>

           <Link href="/signup"><a><Button>회원가입</Button></a></Link>

            {children}

        </layout>

    );

};

export default AppLayout;

나머지 페이지는 내용 다 문제없고 styled-components만 적용 안시키면 다 그대로 잘 돌아갑니다 ㅠ

TypeError: Cannot read property 'getState' of undefined
    at new Connect (C:\Users\hp\Desktop\react_ex\NodeBird\front\node_modules\mini-store\lib\connect.js:86:57)
    at processChild (C:\Users\hp\Desktop\react_ex\NodeBird\front\node_modules\react-dom\cjs\react-dom-server.node.development.js:2995:14)


이런에러가 뜨는데 뭐가 문제일까요? menu item도 이름 다 바꿔보기도 했고 styled-components 내용들을 바꿔보기도 하고 다른 프로젝트에서 간단하게 실행해보려고 했는데 다 저 getState 에러가 납니다 ㅠ