 Hi, I'm Jantastic and today is day number seven of React Holiday, our 25-day crash course in React. Today, we're going to connect useState and useEffect to take our fetched Pokémon from the internet and actually update our component with it. Now, we learned in two or three days ago that in order to update a component with state, we need to use this useState function. And then we used useEffect to actually fetch data from the internet. Now, right now, we're just logging that out. So when I hit next a couple of times, we're getting that data, but we're not updating our component with it. So I want to show you how fun and easy this is. So right now, we're just logging out that data. Let's actually put this in state and update our component with it. So we have a Pokémon and right now it's just pulling from our static collection. Let's wrap this in useState. We'll change this so react dot useState. And for starters, we'll just say no, this is a falsi value. So we're going to render our fallback if we don't have a Pokémon. Now I need to destructure this off of the array so I can actually get the value. And then we're going to take the second element of this array as setPokémon. Okay, so now we're using useState to track our Pokémon. Now all we have to do is call or sorry, setPokémon, call that function that we got from useState with our JSON. Now, as we click through this, we have an endless stream of Pokémon. Now maybe not an endless stream, I think there's maybe 900 or so Pokémon. But we're getting these right from the internet. That's so freaking cool. So that's it. If you want to update your component with data fetched from the internet, just use effect, get your data. And then in that callback, once you have it, call your setState function to set the state of this component. And now it's just going to update with all these Pokémon.