Ошибка при интеграции хуков пользовательского интерфейса для материалов и аполлонов - PullRequest
0 голосов
/ 12 января 2019

При использовании хуков пользовательского интерфейса для материала (как пример , показанный здесь ) с NextJS и response-apollo-hooks, получена ошибка -

TypeError: Cannot read property 'theme' of undefined
    at MyDocument.render (/material-ui/examples/nextjs-hooks-with-typescript/.next/server/static/development/pages/_document.js:156:38)

Ожидаемое поведение ? * ​​1006 * Можно использовать крючки пользовательского интерфейса материала и крючки Apollo вместе. Текущее поведение ?

undefined pageContext вызвано TypeError: Cannot read property 'theme' of undefined в строке: https://github.com/ivawzh/material-ui/blob/fc6ae01e66bde4252a08903719a59ef108e05e5f/examples/nextjs-hooks-with-typescript/pages/_document.tsx#L14

image

Шаги для воспроизведения ?

This codesandbox.io template _may_ be a good starting point: https://codesandbox.io/s/github/mui-org/material-ui/tree/master/examples/create-react-app If you're using typescript a better starting point would be https://codesandbox.io/s/github/mui-org/material-ui/tree/master/examples/create-react-app-with-typescript If YOU DO NOT take time to provide a codesandbox.io reproduction, should the COMMUNITY take time to help you? ->

Я подготовил репо здесь https://github.com/ivawzh/material-ui/commit/fc6ae01e66bde4252a08903719a59ef108e05e5f

Шаги:

  1. git clone git@github.com:ivawzh/material-ui.git
  2. cd material-ui/examples/nextjs-hooks-with-typescript
  3. npm install && npm run dev
  4. В веб-браузере откройте http://localhost:3000/countries2
  5. Смотрите ошибку в вашем терминале

Контекст ?

Я пытаюсь использовать хуки Apollo с примером хуков пользовательского интерфейса. Из репозитория выше вы увидите, что конечная точка Apollo без хука в http://localhost:3000/countries работает нормально, как и ожидалось. Но при использовании хуков Apollo приложение вылетает, потому что pageContext становится неопределенным.

Окружающая среда ?

https://github.com/ivawzh/material-ui/tree/fc6ae01e66bde4252a08903719a59ef108e05e5f/examples/nextjs-hooks-with-typescript

| Tech | Версия | | -------------- | --------- | | Материал-интерфейс | v3.8.1 | | Реагировать | 16.7.0-alpha.2 | | Браузер | Хром | | TypeScript | 3.2.2 | | Реакция-Аполлон | 2.3.3 | | реактивно-аполлоновые крючки | 0.2.1 |

Проблемы с Git

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...