# Pagination renders in Dev but not Prod

**URL:** <https://forum.codewithmosh.com/t/pagination-renders-in-dev-but-not-prod/964>\
**Category:** React\
**Created:** [November 27, 2020, 11:25pm UTC](https://forum.codewithmosh.com/t/pagination-renders-in-dev-but-not-prod/964 "2020-11-27T23:25:13Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![bkidd](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.codewithmosh.com/bkidd/32/236_2.png) [@bkidd](https://forum.codewithmosh.com/u/bkidd)\
**Post date:** [November 27, 2020, 11:25pm UTC](https://forum.codewithmosh.com/t/pagination-renders-in-dev-but-not-prod/964/1 "2020-11-27T23:25:13Z")

</div>

I have looked at the code over and over and I cannot figure out why in Development, the pagination links show but in Production, the pagination links do not show. I tested it in development mode and production mode locally too, with the same result, so I do not think this issue is with heroku, but I may be wrong.  
Here is my app on heroku: [https://brians-movies.herokuapp.com/movies](https://brians-movies.herokuapp.com/movies)  
and here is the gitHub for it [https://github.com/briankidd9design/React-Movie-Database-Front-End](https://github.com/briankidd9design/React-Movie-Database-Front-End). Also, when I look at the component tree with react dev tools, it shows the component, but the pagination links are not rendering.

---

<div class="post-metadata">

**Author:** ![bkidd](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.codewithmosh.com/bkidd/32/236_2.png) [@bkidd](https://forum.codewithmosh.com/u/bkidd)\
**Post date:** [November 27, 2020, 11:35pm UTC](https://forum.codewithmosh.com/t/pagination-renders-in-dev-but-not-prod/964/2 "2020-11-27T23:35:57Z")

</div>

![development](https://us1.discourse-cdn.com/flex020/uploads/codewithmosh/original/1X/b292708468745cf7617e0d0755b0c7fed48c2eed.png)  
 ![production](https://us1.discourse-cdn.com/flex020/uploads/codewithmosh/original/1X/f1ea1b7ea12d42f0974203160928d71117bcb5d6.png)

---

<div class="post-metadata">

**Author:** ![bkidd](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.codewithmosh.com/bkidd/32/236_2.png) [@bkidd](https://forum.codewithmosh.com/u/bkidd)\
**Post date:** [December 11, 2020, 2:45am UTC](https://forum.codewithmosh.com/t/pagination-renders-in-dev-but-not-prod/964/3 "2020-12-11T02:45:26Z")

</div>

So after going over the video for the pagination.jsx file a few times, and seeing that my code was identical to what was in the video, I decided to delete all of my code comments. Strangely, this fixed the error in production and now I am able to see the pagination links in both dev and production. I’ll have to research why this happens but it could be something in the npm run build,