Error Upgrading storybook web components

[idle cloak]

Hello there 👋 ! I want to update my storybook/web-components version 6.3.12 -> 6.5.13 and getting the following error:

'loose' mode configuration must be the same for @babel/plugin-proposal-class-properties, @babel/plugin-proposal-private-methods and @babel/plugin-proposal-private-property-in-object (when they are enabled).

After updating babel.config.js to:

module.exports = {
plugins: [
['@babel/plugin-proposal-decorators', { legacy: true }],
['@babel/plugin-proposal-class-properties', { loose: true }],
['@babel/plugin-proposal-private-methods', { loose: true }],
['@babel/plugin-proposal-private-property-in-object', { loose: true }]
],
presets: ['@babel/preset-env', '@babel/preset-react', '@babel/preset-typescript']
};

I get this one
Any ideas how to proceed?

Error Upgrading storybook web components

[junior jolt]

Hi @idle cloak ,

is your repository publicly available. If so, do you have a WIP branch, which you can share with me?

[idle cloak]

Hey @junior jolt I cant share unfortunately cause it's a private repo. This is the setup, only difference with the working one is that I upgraded storybook/web-components version. Doing that I get the error about "loose" having to be the same for babel plugins

Then after updating babel.config.js it compiles successfully but I get the following error right when storybook starts ( btw that "onEditClicked" is not in my project)

Please let me know if you would like me to provide you with some more context

That's the root folder

[idle cloak]

Any ideas please?