I have ran into this for trying to build the responsive design with SSR feature in NextJS.
Here I captured the steps when I worked through to the end solution.
I would like to hide an element on bootstrap xs width(mobile view).
Here is the bootstrap class that I will use: d-none d-sm-block