Testing the wingsuit 2.x branch with Storybook 7 and Drupal 9: Drupal\Component\Plugin\Exception\PluginNotFoundException: The "pagination" plugin does not exist.

[finnlewis]

First, thank you @christianwiedemann for your help so far, very kind and productive. Please don't see this as chasing, I'm just documenting my progress here for others and for reference for my future self.

Describe the bug

I'm trying to test wingsuit 2.x with Drupal 9 (eg https://github.com/wingsuit-designsystem/wingsuit/releases/tag/v2.0.0-alpha.6)

To Reproduce

Do a fresh installation of Drupal 9 and grab required dependencies.

drush si -y
composer require 'drupal/wingsuit_companion:^2.1'
composer require 'drupal/ui_patterns:^1.5'
composer require 'drupal/components:^3.0@beta'
composer require 'drupal/ui_patterns_settings:^2.0'
drush en wingsuit_ui_patterns wingsuit_companion -y

Move to the themes directory and built the wingsuit theme / app / thing.

cd /web/themes/custom
nvm use 18
npx @wingsuit-designsystem/cli@2.0.0-alpha.6 init -k tailwind --branch release-2-0
cd wingsuit
yarn install
yarn dev:storybook

At this point I get storybook singing sweetly:

╭─────────────────────────────────────────────────────╮
│                                                     │
│   Storybook 7.0.12 for react-webpack5 started       │
│   626 ms for manager and 22 s for preview           │
│                                                     │
│    Local:            http://localhost:37711/        │
│    On your network:  http://192.168.1.196:37711/    │
│                                                     │
╰─────────────────────────────────────────────────────╯

Next I want to get the wingsuit Drupal theme humming.

yarn dev:drupal 

This builds out the themes/custom/wingsuit/dist/app-drupal directory with the Drupal assets.

Enabling the Drupal theme and setting default gives me the following error:

Drupal\Component\Plugin\Exception\PluginNotFoundException: The "pagination" plugin does not exist. Valid plugin IDs for Drupal\ui_patterns\UiPatternsManager are: in Drupal\Core\Plugin\DefaultPluginManager->doGetDefinition() (line 53 of /var/www/html/web/core/lib/Drupal/Component/Plugin/Discovery/DiscoveryTrait.php). 

[finnlewis]

@christianwiedemann just tested the above again, this time with

npx @wingsuit-designsystem/cli@2.0.0-alpha.7 init -k tailwind --branch release-2-0

i am still getting the same error in Drupal `Drupal\Component\Plugin\Exception\PluginNotFoundException: The "pagination" plugin does not exist. Valid plugin IDs for Drupal\ui_patterns\UiPatternsManager are: in Drupal\Core\Plugin\DefaultPluginManager->doGetDefinition() (line 53 of /var/www/html/web/core/lib/Drupal/Component/Plugin/Discovery/DiscoveryTrait.php).

On the Wingsuit Companion settings in the Drupal admin UI, I have tried a few variations, in case it is something funky about the path. So I tried each of the following, clearing cache each time.

/../../dist/app-drupal/
/../../dist/app-drupal
../../dist/app-drupal/
../../dist/app-drupal

and

/themes/custom/wingsuit/dist/app-drupal/
/themes/custom/wingsuit/dist/app-drupal
themes/custom/wingsuit/dist/app-drupal/
themes/custom/wingsuit/dist/app-drupal

I still get the same error in Drupal logs above. Any ideas?