i found this article https://www.cypress.io/blog/component-testing-next-js-with-cypress#customize-your-nextjs-testing-experience

works great but need to keep this disclaimer from cypress team in mind :)

Unfortunately, there’s no such thing as a free lunch—adding these extra items to every mount will affect performance and introduce global state elements outside the bounds of your component. It’s up to you to decide whether these trade-offs are worth it based on your use case.