1
00:00:01,520 --> 00:00:06,680
Let's first take care of this warning message around having a key prop, so back inside of our ED,

2
00:00:07,160 --> 00:00:09,280
we'll find that rendered cells mapping statement.

3
00:00:10,040 --> 00:00:12,190
So we had a key on cell list item.

4
00:00:12,200 --> 00:00:15,650
We just need to move this key to the top level element inside of our list.

5
00:00:15,800 --> 00:00:17,200
That's going to be the react fragment.

6
00:00:17,810 --> 00:00:21,050
Unfortunately, you cannot put in any props to an empty tag.

7
00:00:21,330 --> 00:00:24,650
So we're going to have to actually mark this thing as specifically being a fragment.

8
00:00:25,040 --> 00:00:26,660
Doing so is pretty easy and straightforward.

9
00:00:26,660 --> 00:00:31,790
At the very top of the file, we will import a fragment from react.

10
00:00:33,330 --> 00:00:35,880
Well, then label this thing as being a fragment.

11
00:00:38,030 --> 00:00:42,260
And now we can add on some props to it if we wish, in this case, we're going to take our key right

12
00:00:42,260 --> 00:00:45,020
there, cut it and add it to the fragment.

13
00:00:47,080 --> 00:00:53,110
I'll then save this look back over quick refresh, and now that air message is gone.

14
00:00:53,970 --> 00:00:54,940
OK, simple enough.

15
00:00:55,500 --> 00:01:00,500
Let's take another pause and then address some styling around our ad sell component in just a moment.