Provider 에러가 납니다.

계속 이런식으로 Provider를 설정안했다고 에러가 납니다..

import React, { useisLogger, useCallback, useMemo } from "react";
import PropTypes from "prop-types";
import Link from "next/link";
import { Menu, Input, Row, Col } from "antd";
import styled from "styled-components";
import "antd/dist/antd.css";

import LoginForm from "./LoginForm";
import UserProfile from "./UserProfile";
import { useSelector } from "react-redux";

// styled-component
const SearchInput = styled(Input.Search)`
  vertical-align: middle;
`;

const AppLayout = ({ children }) => {
  // 더미 데이터 만들기.
  // redux가 생겨서 이제 필요가 없다.
  // const [isLoggedIn, setIsLoggedIn] = useisLogger

  // initialState 가져오기
  // const isLoggedIn = useSelector((state) => state.user.isLoggedIn);
  const { isLoggedIn } = useSelector((state) => state.user);

  return (
    <div>
      <Menu mode="horizontal">
        <Menu.Item>
          <Link href="/">
            <a>노드버드</a>
          </Link>
        </Menu.Item>

        <Menu.Item>
          <Link href="/profile">
            <a>프로필</a>
          </Link>
        </Menu.Item>

        <Menu.Item>
          <SearchInput enterButton></SearchInput>
        </Menu.Item>

        <Menu.Item>
          <Link href="/signup">
            <a>회원가입</a>
          </Link>
        </Menu.Item>
      </Menu>

      <Row gutter={8}>
        <Col xs={24} md={6}>
          {isLoggedIn ? <UserProfile /> : <LoginForm />}
        </Col>

        <Col xs={24} md={12}>
          {children}
        </Col>

        <Col xs={24} md={6}>
          <a
            href="http://www.naver.com"
            target="_blank"
            rel="norefferer noopener"
          >
            Made by Yeom
          </a>
        </Col>
      </Row>
    </div>
  );
};

// 여기서 node는 react의 node이다.
// 화면에 들어갈 수 있는 모든 것들이 node 이다.
// 즉 return 안의 모든 것들이 node.
AppLayout.prototype = {
  children: PropTypes.node.isRequired,
};

export default AppLayout;

위 코드는 AppLayout 코드입니다.

pages의 __app.js 파일의

해당 부분도 위처럼 바꿨는데도 저렇게 에러가 뜹니다.. 왤까요..

도움 부탁드립니다