Components from @strapi/design-system not detected by vscode

System Information
  • Strapi Version: 4.4.1
  • Operating System: macOS
  • Database: Postgres
  • Node Version: v16.17.1
  • NPM Version: v8.15.0
  • Yarn Version: 1.22.19

On vscode when importing for example these components:

import { BaseHeaderLayout, ContentLayout, HeaderLayout } from '@strapi/design-system/Layout';

it’s not found and vscode is yelling about it saying

Module '"@strapi/design-system/Layout"' has no exported member 'HeaderLayout'

And it’s happening for each component from this module.

Anyone having the same issue ?

I’m sure this is a very dissatisfying answer but this happened to me yesterday (didn’t stop my code from compiling though). I restarted VS Code this morning and these errors went away. :man_shrugging:

I’ll try to that so :slight_smile:
Yes it’s not blocking the code still run But there is no way to check the source code though, which is quite annoying in the developing phase.

This is another big missing in Strapi: there is no API or documentation for the Design System and Helper packages.