TMDb | A simple Android client for The Movie DB in Material Design | REST library

Like title I can't get correct item data, now imagine I have 2 recycler view list on my main fragment, one recycler view is vertical, other horizontal. If I use only one recycler everything is working fine. But when I add other one it's opening items randomly, but that random data openings only random both recyclers positions. Like my first recycler have [a,b,c,d] , other recycler have [e,f,g,h]. When I click first item of first recycler its go to other fragment which shows detail, its opening e instead of a, if I go back and retry it, its opening e again, retry and its a !! so its opening randomly, why this is happening why can't I open correct data? I put Log.d on my adapters and when I click recycler items, adapters log says u clicked "a" but my detail fragment shows me data of "e". What I am doing wrong? Here is my codes:(I have lots of codes so I share what we need)

my databases TvDAO:

I'm working with TMDB API and i want to get the specific video from a dictionary of videos that is the main trailer of a movie.

So I'm getting data from TMDb API(movies) and my App.js looks like this:

I'm trying to figure out if there's a procedural way to merge data from object A to object B without manually setting it up.

For example, I have the following pydantic model which represents results of an API call to The Movie Database:

I want to pass 2 props to my components. Both are String, but only the title props can be passed in. I checked the posterUrl by passing the url to title props and it works. But the title can not be received when i send it as poster. So i'm sure its not the data that has problem.

Then i tried to use default value, and the image shows up but they are all using the default value. I've tried using shorthand, v-bind, and standard use, nothing works.

The components looks like this

So I want to toggle between different categories in my react movie-app such as Trending,Top Rated,Popular etc.I am use useState hook for this,by making the initial state as one category then changing the state through the onClick event on the buttons.But it doesn't seem to be working.What could be the problem?

Code:

App.js

I know this map reading error has been asked a lot here before and I looked at several closed issues, but since their causes were different from mine I've opted to open a new topic. At the moment I'm facing 2 errors, so let me tackle each at a time.

What I want to accomplish: After submitting a search query, the "Results" component should be rendered and make a GET request to my back-end (which, in turn, will make a GET request to the external API and send back the results to React). Once it fetches the data it should store it in the details variable, which will be mapped and rendered in a child component.

First problem:

Despite a successful request is being made to my back-end and also to the external API - which I could check by using console.log -, it seems like the retrieved data isn't being stored inside the variable, resulting in an undefined array to be mapped. So, what am I doing wrong here? Is this happening because the component is trying to map the array before the GET request completes and executes the setDetails(response.data) even though it comes way below in the code?

I am rebuilding a static website in react https://movie-list-website-wt.netlify.app/ I am trying to transfer the search function to react. My current search function works as intended, it returns an array of movies that is being searched, I want it to update the data fetched by the movie cards so that when I search a query, the movie cards use the returned search data instead of the original one this is my App.js file

So, I am creating a website with typescript and redux and I am pulling an API from TMDB (the movie database), I have setup my redux and i got the store, after using use selector and useDispatch I should be able to map through the array, but when I try to map through it I get this error message. This is my first time working with typescript and its confusing me.

App.tsx