This one has me confused. Can someone help me out? This is what I currently have:
import React from "react"
import boxes from "./boxes"
export default function App() {
/**
* Challenge part 1:
* 1. Initialize state with the default value of the
* array pulled in from boxes.js
* 2. Map over that state array and display each one
* as an empty square (black border, transparent bg color)
* (Don't worry about using the "on" property yet)
*/
const [theBox, setTheBox] = React.useState(boxes)
const emptySquare = theBox.map((box) => {
return
})
return (
<main>
<h1>Boxes will go here</h1>
</main>
)
}