extra

Detail

finish up to 4-Filmpire--> sidebar.mp4 (2)
video at 4-Filmpire--> redux-setup = 24:00
video at 4-Filmpire--> 4. Rendering Movies = 15:00
finished 5. Finishing Movie View
finished 8. Redux Slice - commit - `
finished 9. Switch Genre Functionality
finished 4-Filmpire--> 10. Search Functionality
finished 4-Filmpire--> 11. Authentication (assignment - access profile name/id from redux state and display in the profile component)
finished 4-Filmpire--> 13. Finalizing Authentication
video at 15. Movie Information Page - Part 2--> second button group = 13:30
finished 4-Filmpire--> 15. Movie Information Page - Part 2
finished 4-Filmpire--> 16. Movie Recommendations

prolly can use this snippet to resolve middleware issue

  // Add the middleware for RTK-Query API
  middleware: (getDefaultMiddleware) =>
    getDefaultMiddleware().concat(tmdbApi.middleware),

use 'refetch' to retry fetching data after an error (maybe try in Movies component)
show full name of movies as tooltip
review and update comments after the project completion, as more changes might have been done since the time comments were added
FIXME: search feature not working in movie info page
learn how to properly handle errors(wrong routes, wrongs params), showing 404 pages
FIXME: but when i directly go to 'movie/502356' or as such, it shows not found on deployed platforms.

Solution through phind.com:
The issue you're experiencing is because your server is not serving the index.html file for your non-root routes, such as /movie/:id. This is a common issue when deploying Single Page Applications (SPAs) that use client-side routing, like React Router.

To fix this issue, you need to configure your server to serve the index.html file for all routes. The solution depends on the server you are using for deployment. Here are a few examples:
Netlify: Create a _redirects file in your public folder with the following content:
```
/* /index.html 200
```