Random Advice Generator using NextJS and Tailwind CSS

What did you find difficult while building the project?

-This was my first project using both React / NextJS and Tailwind CSS, so there was a learning curve to grasp the core of the frameworks. I struggled with the onClick function as it wasn't triggering on Firefox. I'm still looking for a solution to that problem. I'm curious to know how others managed.

Which areas of your code are you unsure of?

-The button I mentioned above. I'm not sure if the way I did it is the optimal way, since it doesn't seem to work on every browser.

Do you have any questions about best practices?

-Since this was a relatively small project, I didn't get to try many things. But I wonder how certain aspects of vanilla JavaScript like classes translate to React / NextJS. If the logic for these is not meant to be displayed to the DOM, should I still keep it within a React component? Or are React components only for manipulating the DOM?