The latest articles on DEV Community by Никита Бобченок (@bladddddde). https://dev.to/bladddddde https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F2235684%2Fce9d5ceb-45c5-42d9-b951-68b6e9f4b628.png https://dev.to/bladddddde en Никита Бобченок Sat, 19 Oct 2024 21:30:30 +0000 https://dev.to/bladddddde/the-list-is-not-updated-when-adding-a-new-item-via-usestate-15op https://dev.to/bladddddde/the-list-is-not-updated-when-adding-a-new-item-via-usestate-15op <h2> Hey, everybody </h2> <p>A problem (misunderstanding) has arisen with the useState hook.<br> I have two custom hooks:</p> <p>1) <em>useLocalStorage.ts</em></p> <p><a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fo7bwp5i5qgm918byufp8.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fo7bwp5i5qgm918byufp8.png" alt="Image description" width="718" height="674"></a><br> Used to interact with localstorage.</p> <p>2) <em>usePlaylist.ts</em></p> <p><a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fpj860dw6egh7lumdvi2h.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fpj860dw6egh7lumdvi2h.png" alt="Image description" width="612" height="938"></a><br> Used to add/remove playlists, as well as get the full playlist</p> <p>I have a react component with which I add a new playlist using the <strong><em>usePlaylist</em></strong> hook</p> <p><a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F80j32cqo5r4wfb7pspze.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F80j32cqo5r4wfb7pspze.png" alt="Image description" width="314" height="126"></a></p> <p>And then I have a react component that displays a list of playlists:</p> <p><a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F4hleuqnmizpwx0c4dzjr.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F4hleuqnmizpwx0c4dzjr.png" alt="Image description" width="551" height="891"></a></p> <h2> <strong>BUT AFTER ADDING A NEW PLAYLIST, THEIR LIST IS NOT UPDATED(only when the page is refreshed)</strong> </h2> <p>I have tried a lot of things, but maybe I missed something or misunderstood something, <strong>help please</strong>.</p> react help nextjs