Navbar lable issue

Need some help with navbar configuration. Currently, I am using the below config for the navbar. In local env, I can see navbar labels. But when I deploy app labels are not displaying. I am not sure what’s wrong.

   navbar: {
      hideOnScroll: false,
      title: 'UI-Kit',
      logo: {
        alt: 'UI Kit Logo',
        src: 'img/logo.svg',
        href: 'https://ui-webkit.netlify.app/', 
        target: '_self',
      },
      items: [
        {
          to: '/docs',
          activeBasePath: 'docs',
          label: 'Docs',
          position: 'left',
        },
        {to: '/blog', label: 'Blog', position: 'left'},
        {to: '/Versions', label: 'All versions', position: 'right'},
        {
          href: 'https://github.com/krishnaUIDev/UI-Kit',
          position: 'right',
          className: 'header-github-link',
          'aria-label': 'GitHub Repository',
        },
      ],
    },

[slorber]

@krishnaUIDev , the navbar.items was previously navbar.links and renamed in alpha 59.

If you are not seeing navbar items, it’s because you are not in alpha 59, and you are trying to use navbar.items while the renaming didn’t happen yet 🤪

Also, you have both a yarn.lock and a package-lock. It is likely that you have differences between local dev and netlify because you use npm locally, and netlify uses yarn.

At some point you have to choose between npm or yarn.

Also, you have versions that do not match here, while they should (use alpha 60, just released for example)

    "@docusaurus/core": "^2.0.0-alpha.58",
    "@docusaurus/plugin-ideal-image": "^2.0.0-alpha.39",
    "@docusaurus/preset-classic": "^2.0.0-alpha.58",
    "@docusaurus/theme-search-algolia": "^2.0.0-alpha.32",

---

What I’d do:

• update everything to alpha 60
• delete both yarn.lock and package-lock
• decide to use yarn only (add package-lock.json to gitignore)
• yarn install, add new generated yarn.lock to repo
• local and netlify should now both use yarn with alpha 60

[krishnaUIDev]

@slorber thanks. Its working as expected.