(V2) Docs-only mode homepage errors with Uncaught TypeError #2817

aeneasr · 2020-05-27T13:50:04Z

🐛 Bug Report

I am trying to get the new docs-only mode homepage feature merged with #2652 to work. However, I just end up with a blank screen and Cannot read property 'find' of undefined.

Have you read the Contributing Guidelines on issues?

Yes

To Reproduce

I used the current docs from ORY Hydra: https://github.com/ory/hydra/tree/master/docs
I renamed https://github.com/ory/hydra/tree/master/docs/docs/index.md to https://github.com/ory/hydra/tree/master/docs/docs/introduction.md and changed id: introduction in the meta
I added homePageId: 'introduction' to @docusaurus/plugin-content-docs
Ran npm start

Expected behavior

I should see the introduction

Actual Behavior

The page is white and empty and I am seeing uncaught errors in the console:

log.js?1afd:24 [HMR] Waiting for update signal from WDS...
index.js?5734:24 Uncaught TypeError: Cannot read property 'find' of undefined
    at DocPage (index.js?5734:24)
    at renderWithHooks (react-dom.development.js?61bb:12892)
    at mountIndeterminateComponent (react-dom.development.js?61bb:14974)
    at beginWork (react-dom.development.js?61bb:15579)
    at performUnitOfWork (react-dom.development.js?61bb:19266)
    at workLoop (react-dom.development.js?61bb:19306)
    at HTMLUnknownElement.callCallback (react-dom.development.js?61bb:149)
    at Object.invokeGuardedCallbackDev (react-dom.development.js?61bb:199)
    at invokeGuardedCallback (react-dom.development.js?61bb:256)
    at replayUnitOfWork (react-dom.development.js?61bb:18532)
    at renderRoot (react-dom.development.js?61bb:19422)
    at performWorkOnRoot (react-dom.development.js?61bb:20296)
    at performWork (react-dom.development.js?61bb:20208)
    at performSyncWork (react-dom.development.js?61bb:20182)
    at requestWork (react-dom.development.js?61bb:20051)
    at scheduleWork (react-dom.development.js?61bb:19865)
    at scheduleRootUpdate (react-dom.development.js?61bb:20526)
    at updateContainerAtExpirationTime (react-dom.development.js?61bb:20554)
    at updateContainer (react-dom.development.js?61bb:20611)
    at ReactRoot.render (react-dom.development.js?61bb:20907)
    at eval (react-dom.development.js?61bb:21044)
    at unbatchedUpdates (react-dom.development.js?61bb:20413)
    at legacyRenderSubtreeIntoContainer (react-dom.development.js?61bb:21040)
    at render (react-dom.development.js?61bb:21109)
    at eval (clientEntry.js?12b7:24)
DocPage @ index.js?5734:24
renderWithHooks @ react-dom.development.js?61bb:12892
mountIndeterminateComponent @ react-dom.development.js?61bb:14974
beginWork @ react-dom.development.js?61bb:15579
performUnitOfWork @ react-dom.development.js?61bb:19266
workLoop @ react-dom.development.js?61bb:19306
callCallback @ react-dom.development.js?61bb:149
invokeGuardedCallbackDev @ react-dom.development.js?61bb:199
invokeGuardedCallback @ react-dom.development.js?61bb:256
replayUnitOfWork @ react-dom.development.js?61bb:18532
renderRoot @ react-dom.development.js?61bb:19422
performWorkOnRoot @ react-dom.development.js?61bb:20296
performWork @ react-dom.development.js?61bb:20208
performSyncWork @ react-dom.development.js?61bb:20182
requestWork @ react-dom.development.js?61bb:20051
scheduleWork @ react-dom.development.js?61bb:19865
scheduleRootUpdate @ react-dom.development.js?61bb:20526
updateContainerAtExpirationTime @ react-dom.development.js?61bb:20554
updateContainer @ react-dom.development.js?61bb:20611
ReactRoot.render @ react-dom.development.js?61bb:20907
eval @ react-dom.development.js?61bb:21044
unbatchedUpdates @ react-dom.development.js?61bb:20413
legacyRenderSubtreeIntoContainer @ react-dom.development.js?61bb:21040
render @ react-dom.development.js?61bb:21109
eval @ clientEntry.js?12b7:24
Promise.then (async)
eval @ clientEntry.js?12b7:24
./node_modules/@docusaurus/core/lib/client/clientEntry.js @ main.js:94
__webpack_require__ @ runtime~main.js:859
fn @ runtime~main.js:151
1 @ main.js:1063
__webpack_require__ @ runtime~main.js:859
checkDeferredModules @ runtime~main.js:46
webpackJsonpCallback @ runtime~main.js:33
(anonymous) @ main.js:1
index.js?1ef8:1 The above error occurred in the <DocPage> component:
    in DocPage (created by LoadableComponent)
    in LoadableComponent (created by Context.Consumer)
    in Route (created by App)
    in Switch (created by App)
    in Route (created by PendingNavigation)
    in PendingNavigation (created by Context.Consumer)
    in withRouter(PendingNavigation) (created by App)
    in App
    in Router (created by BrowserRouter)
    in BrowserRouter

Consider adding an error boundary to your tree to customize error handling behavior.
Visit https://fb.me/react-error-boundaries to learn more about error boundaries.
console.<computed> @ index.js?1ef8:1
logCapturedError @ react-dom.development.js?61bb:17071
logError @ react-dom.development.js?61bb:17107
update.callback @ react-dom.development.js?61bb:18019
callCallback @ react-dom.development.js?61bb:16387
commitUpdateEffects @ react-dom.development.js?61bb:16426
commitUpdateQueue @ react-dom.development.js?61bb:16417
commitLifeCycles @ react-dom.development.js?61bb:17337
commitAllLifeCycles @ react-dom.development.js?61bb:18690
callCallback @ react-dom.development.js?61bb:149
invokeGuardedCallbackDev @ react-dom.development.js?61bb:199
invokeGuardedCallback @ react-dom.development.js?61bb:256
commitRoot @ react-dom.development.js?61bb:18902
eval @ react-dom.development.js?61bb:20372
unstable_runWithPriority @ scheduler.development.js?3069:255
completeRoot @ react-dom.development.js?61bb:20371
performWorkOnRoot @ react-dom.development.js?61bb:20300
performWork @ react-dom.development.js?61bb:20208
performSyncWork @ react-dom.development.js?61bb:20182
requestWork @ react-dom.development.js?61bb:20051
scheduleWork @ react-dom.development.js?61bb:19865
scheduleRootUpdate @ react-dom.development.js?61bb:20526
updateContainerAtExpirationTime @ react-dom.development.js?61bb:20554
updateContainer @ react-dom.development.js?61bb:20611
ReactRoot.render @ react-dom.development.js?61bb:20907
eval @ react-dom.development.js?61bb:21044
unbatchedUpdates @ react-dom.development.js?61bb:20413
legacyRenderSubtreeIntoContainer @ react-dom.development.js?61bb:21040
render @ react-dom.development.js?61bb:21109
eval @ clientEntry.js?12b7:24
Promise.then (async)
eval @ clientEntry.js?12b7:24
./node_modules/@docusaurus/core/lib/client/clientEntry.js @ main.js:94
__webpack_require__ @ runtime~main.js:859
fn @ runtime~main.js:151
1 @ main.js:1063
__webpack_require__ @ runtime~main.js:859
checkDeferredModules @ runtime~main.js:46
webpackJsonpCallback @ runtime~main.js:33
(anonymous) @ main.js:1
index.js?5734:24 Uncaught (in promise) TypeError: Cannot read property 'find' of undefined
    at DocPage (index.js?5734:24)
    at renderWithHooks (react-dom.development.js?61bb:12892)
    at mountIndeterminateComponent (react-dom.development.js?61bb:14974)
    at beginWork (react-dom.development.js?61bb:15579)
    at performUnitOfWork (react-dom.development.js?61bb:19266)
    at workLoop (react-dom.development.js?61bb:19306)
    at renderRoot (react-dom.development.js?61bb:19389)
    at performWorkOnRoot (react-dom.development.js?61bb:20296)
    at performWork (react-dom.development.js?61bb:20208)
    at performSyncWork (react-dom.development.js?61bb:20182)
    at requestWork (react-dom.development.js?61bb:20051)
    at scheduleWork (react-dom.development.js?61bb:19865)
    at scheduleRootUpdate (react-dom.development.js?61bb:20526)
    at updateContainerAtExpirationTime (react-dom.development.js?61bb:20554)
    at updateContainer (react-dom.development.js?61bb:20611)
    at ReactRoot.render (react-dom.development.js?61bb:20907)
    at eval (react-dom.development.js?61bb:21044)
    at unbatchedUpdates (react-dom.development.js?61bb:20413)
    at legacyRenderSubtreeIntoContainer (react-dom.development.js?61bb:21040)
    at render (react-dom.development.js?61bb:21109)
    at eval (clientEntry.js?12b7:24)
DocPage @ index.js?5734:24
renderWithHooks @ react-dom.development.js?61bb:12892
mountIndeterminateComponent @ react-dom.development.js?61bb:14974
beginWork @ react-dom.development.js?61bb:15579
performUnitOfWork @ react-dom.development.js?61bb:19266
workLoop @ react-dom.development.js?61bb:19306
renderRoot @ react-dom.development.js?61bb:19389
performWorkOnRoot @ react-dom.development.js?61bb:20296
performWork @ react-dom.development.js?61bb:20208
performSyncWork @ react-dom.development.js?61bb:20182
requestWork @ react-dom.development.js?61bb:20051
scheduleWork @ react-dom.development.js?61bb:19865
scheduleRootUpdate @ react-dom.development.js?61bb:20526
updateContainerAtExpirationTime @ react-dom.development.js?61bb:20554
updateContainer @ react-dom.development.js?61bb:20611
ReactRoot.render @ react-dom.development.js?61bb:20907
eval @ react-dom.development.js?61bb:21044
unbatchedUpdates @ react-dom.development.js?61bb:20413
legacyRenderSubtreeIntoContainer @ react-dom.development.js?61bb:21040
render @ react-dom.development.js?61bb:21109
eval @ clientEntry.js?12b7:24
Promise.then (async)
eval @ clientEntry.js?12b7:24
./node_modules/@docusaurus/core/lib/client/clientEntry.js @ main.js:94
__webpack_require__ @ runtime~main.js:859
fn @ runtime~main.js:151
1 @ main.js:1063
__webpack_require__ @ runtime~main.js:859
checkDeferredModules @ runtime~main.js:46
webpackJsonpCallback @ runtime~main.js:33
(anonymous) @ main.js:1

Your Environment

Docusaurus version used: "2.0.0-alpha.55"
Environment name and version (e.g. Chrome 78.0.3904.108, Node.js 10.17.0): Irrelevant, happens everywhere.
Operating system and version (desktop or mobile): macOS

Reproducible Demo

# docusaurus.config.js

const config = require('./contrib/config.js')
const fs = require('fs')
const admonitions = require('remark-admonitions');

const links = [
]

let version = ['latest']

if (fs.existsSync('./versions.json')) {
  version = require('./versions.json');
  if (version && version.length > 0) {
    links.push({
      label: version[0],
      position: 'right',
      to: 'versions'
    });
  }
  if (version.length === 0) {
    version = ['latest']
  }
}

module.exports = {
  title: config.projectName,
  tagline: config.projectTagLine,
  url: `https://www.ory.sh/`,
  baseUrl: `/${config.projectSlug}/docs/`,
  favicon: 'img/favico.png',
  organizationName: 'ory', // Usually your GitHub org/user name.
  projectName: config.projectSlug, // Usually your repo name.
  themeConfig: {
    googleAnalytics: {
      trackingID: 'UA-71865250-1',
      anonymizeIP: true,
    },
    algolia: {
      apiKey: '8463c6ece843b377565726bb4ed325b0',
      indexName: 'ory',
      algoliaOptions: {
        facetFilters: [`tags:${config.projectSlug}`, `version:${version[0]}`],
      },
    },
    navbar: {
      logo: {
        alt: config.projectName,
        src: `img/logo-${config.projectSlug}.svg`,
        href: `https://www.ory.sh/${config.projectSlug}`
      },
      links: links
    },
    footer: {
      style: 'dark',
      copyright: `Copyright © ${new Date().getFullYear()} ORY GmbH`,
      links: [
        {
          title: 'Company',
          items: [
            {
              label: 'Imprint',
              href: 'https://www.ory.sh/imprint',
            },
            {
              label: 'Privacy',
              href: 'https://www.ory.sh/privacy',
            },
            {
              label: 'Terms',
              href: 'https://www.ory.sh/tos',
            },
          ],
        },
      ],
    },
  },
  plugins: [
    [
      "@docusaurus/plugin-content-docs",
      {
        path: config.projectSlug === 'docusaurus-template' ? 'contrib/docs' : 'docs',
        sidebarPath: require.resolve('./contrib/sidebar.js'),
        editUrl:
          `https://github.com/ory/${config.projectSlug}/edit/master/docs`,
        routeBasePath: '',
        homePageId: 'introduction',
        showLastUpdateAuthor: true,
        showLastUpdateTime: true,
        remarkPlugins: [admonitions],
      },
    ],
    [
      "@docusaurus/plugin-content-pages",
    ],
    ["@docusaurus/plugin-google-analytics"],
    ["@docusaurus/plugin-sitemap"]
  ],
  themes: [
    [
      "@docusaurus/theme-classic",
      {
        customCss: config.projectSlug === 'docusaurus-template' ? require.resolve('./contrib/theme.css') : require.resolve('./src/css/theme.css'),
      }
    ], [
      "@docusaurus/theme-search-algolia"
    ]
  ],
};

The text was updated successfully, but these errors were encountered:

lex111 · 2020-05-27T14:34:24Z

Should be already fixed in #2777

aeneasr added bug An error in the Docusaurus core causing instability or issues with its execution status: needs triage This issue has not been triaged by maintainers labels May 27, 2020

lex111 closed this as completed May 27, 2020

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

(V2) Docs-only mode homepage errors with Uncaught TypeError #2817

(V2) Docs-only mode homepage errors with Uncaught TypeError #2817

aeneasr commented May 27, 2020

lex111 commented May 27, 2020

(V2) Docs-only mode homepage errors with Uncaught TypeError #2817

(V2) Docs-only mode homepage errors with Uncaught TypeError #2817

Comments

aeneasr commented May 27, 2020

🐛 Bug Report

Have you read the Contributing Guidelines on issues?

To Reproduce

Expected behavior

Actual Behavior

Your Environment

Reproducible Demo

lex111 commented May 27, 2020