데이터 바인딩 문제

선생님,  data.js 도 수업대로 그대로 export default 잘했고

// import logo from "./logo.svg";
import "./App.css";
import { Navbar, Container, Nav, NavDropdown, Button } from "react-bootstrap";
import { useState } from "react";
import Data from "./data";

function App() {
  let [shoes, shoes변경] = useState([Data]); 

이 위에 부분도 잘 적어두었습니다.

이렇게 잘 적었는데,

데이터를 아무것도 가져오지 않습니다. 뭐가 문제일까요ㅠ/.