I'm creating a custom useBreakpoint() hook using the react-responsive library.

As suggested in the documentation we need to import react-responsive like this:

const MediaQuery = dynamic(() => import("react-responsive"), {
  ssr: false
})

But if I'm correct, using a dynamic import with ssr: false means that the components using this hook will be rendered exclusively on the client ?
If yes, it will hurt the SEO of all those components, right ?