How can I select all and active button when I open the page in React though useState?

I have a react app. I listed some items in the ItemList Page. What I really want to do is to select all and active button. However, I couldn't do that. When I firstly open the page and select all , delete button isn't active but all items are selected. When I navigate the another page and return to previous page and select all, delete button is active. Where is the problem? How can I fix it? Here is the link : https://stackoverflow.com/questions/78123737/how-can-i-select-all-and-active-button-when-i-open-the-page-in-react-though-uses