Responsive e-commerce product page in NextJS

Hi, I found this challenge the hardest so far. I'm not sure I've used the best approach when detecting a click event outside the cart dropdown component. I had to use a dummy class throughout all the elements in the cart dropdown, due to JSS class naming generator. The questionable approach is in this file: cart-dropdown.js. Please send me a feedback if there is a better approach. Thank you!