I am still learning react and I currently have an issue where I am trying to create custom hooks and have it make different calls but rentain value of calls already made. Currently, the calls are made but previous values get set back to default which is not what I want.I want to be able to retain previous data. If this is not possible I would like to get that information or other approach to it.

I am developing a web application using React (React Bootstrap, Typescript, SCSS). I have made progress; I fetch and display the items from my application server, I can search and I can open the item screen with all the details.

I have a results.tsx and detail.tsx. I store the scroll position on the results component in location.state to scroll to that position when the user returns to the results page using the browser’s back button. But when I go to a detail page from the results page, the detail page overwrites the scroll position. I scroll to the top on the detail page because the detail page takes the scroll position of the results page. I don’t understand why they use each other’s scroll position? How can I avoid this? I use Link element to navigate to detail page. Does it happen because of that?

I am trying to create a custom toast to show error notification.
Toast visibility is depends on the isShowed from the props.

I am trying to create a custom toast to show error notification.
Toast visibility is depends on the isShowed from the props.

I am trying to create a custom toast to show error notification.
Toast visibility is depends on the isShowed from the props.

I am trying to create a custom toast to show error notification.
Toast visibility is depends on the isShowed from the props.

I am trying to create a custom toast to show error notification.
Toast visibility is depends on the isShowed from the props.

I am studying Front end development and got stuck on this seemingly very simple problem, but I can’t figure out why it does not work.

I’m trying to write a Typescript/React app, extending the React.Component class to implement its components. All was going well until I tried to add an “effect” to a component. I found lots of documentation about useEffect, but it all assumes the component is implemented as a function, using React.FunctionComponent