Чтобы решить данную проблему можно воспользоваться технологией
dynamic imports.
Отдельно спасибо добродеятелям из
чата Next.js!
Для меня код будет выглядеть следующим образом:
const SelectDynamic = dynamic(() => import('chakra-react-select').then((module) => module.Select), {
ssr: false,
loading: () => <Spinner />
});