<?xml version="1.0" encoding="UTF-8"?><oembed><type>video</type><version>1.0</version><html>&lt;iframe src=&quot;https://www.loom.com/embed/1ba70ca9fe5b41869f1c2f1e3bc048d8&quot; frameborder=&quot;0&quot; width=&quot;1198&quot; height=&quot;898&quot; webkitallowfullscreen mozallowfullscreen allowfullscreen&gt;&lt;/iframe&gt;</html><height>898</height><width>1198</width><provider_name>Loom</provider_name><provider_url>https://www.loom.com</provider_url><thumbnail_height>898</thumbnail_height><thumbnail_width>1198</thumbnail_width><thumbnail_url>https://cdn.loom.com/sessions/thumbnails/1ba70ca9fe5b41869f1c2f1e3bc048d8-b7f6ff726baf7777.gif</thumbnail_url><duration>299.984</duration><title>React Game Collection with Console Filters</title><description>This Loom explains how the author built a React “game collection” interface that can be filtered by console/platform and release year. It describes importing useState and card images, using a Game component to render each card via props, and using a .map with a key based on game ID. The app derives unique platform and year dropdown options, then filters the games array based on the user’s selected platform and year, updating results and a GameCounter using FilterGames.length(). Finally, it covers a bug fix for the year field where the code needed to wrap the year value in a number to avoid a zero-games display.</description></oembed>