So I am using the latest version of nextJS and I am aware that we need to add the 'use client' directive on top of the file. I am using Framer motion lib and it seems this is the one causing this issue since I also have other components not using Framer motion and they're loading fine when the page is first rendered.