ChakraProvider не работает в NextJs react v16.4.0, но работает с react v17.0.1

Question

При попытке добавить ChakraProvider в корень моего приложения NextJs я получаю сообщение об ошибке:

Неперехваченная ошибка: ожидается строка. Вы забыли экспортировать свой компонент из файла, который он определил, или вы могли перепутать импорт по умолчанию / именованный импорт

       <Provider store={store}>
  <DefaultSeo {...SEO} />
  <ChakraProvider>
    <Layout>
      <Component {...pageProps} />
    </Layout>
  </ChakraProvider>
</Provider>

После обновления для реакции на v17.0.1 ошибка не появляется.

Почему ChakraProvider не работает с React v16.4.0?