Repository: storybook
Issue: [Bug]: Constructor of lit-component called twice
Labels: bug,help wanted,web-components,sev:S3

The constructor in lit web-component, wen used in storybook is called twice.

test-constructor.ts
```ts
@customElement('test-constructor')
class TestConstructorComponent extends LitElement {
  constructor() {
    super();
    console.count();
  }

  render() {
    return html` <span>constructor called multiple times in storybook</span> `;
  }
}
```
count is `2` in storybook ( reproducible example below )
count is `1` in lit-playground ( reproducible example below )

test-constructor.stories.ts
```ts
export const TestConstructor = {
  render: () => {
    return html`<test-constructor></test-constructor>`;
  }
};
```

This gives a number of problems, including a warning the reactive cycle is called within. And some implemented lifecycle methods. I think this is related: https://github.com/storybookjs/storybook/issues/17094. But a very old issue and maybe that one was related to lit itself.

There are no workarounds known te me, so hopefully someone knows what the problem is when using lit in storybook.

Thanks in advance


### To Reproduce

The following component in Storybook calls the constructor twice

https://stackblitz.com/edit/github-q3itzv?file=src%2Fstories%2Ftest-constructor.stories.ts,src%2Fstories%2Ftest-constructor.ts&preset=node

The same component in Lit Playground only calls the constructor once

[Lit playground reproduce](https://lit.dev/playground/#project=W3sibmFtZSI6InNpbXBsZS1ncmVldGluZy50cyIsImNvbnRlbnQiOiJpbXBvcnQge2h0bWwsIGNzcywgTGl0RWxlbWVudH0gZnJvbSAnbGl0JztcbmltcG9ydCB7Y3VzdG9tRWxlbWVudCwgcHJvcGVydHl9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuXG5AY3VzdG9tRWxlbWVudCgndGVzdC1jb25zdHJ1Y3RvcicpXG5jbGFzcyBUZXN0Q29uc3RydWN0b3JDb21wb25lbnQgZXh0ZW5kcyBMaXRFbGVtZW50IHtcbiAgY29uc3RydWN0b3IoKSB7XG4gICAgc3VwZXIoKTtcbiAgICBjb25zb2xlLmNvdW50KCk7XG4gIH1cblxuICByZW5kZXIoKSB7XG4gICAgcmV0dXJuIGh0bWxgIDxzcGFuPkNoZWNrIHRoZSBsb2csIGNvbnN0cnVjdG9yIGlzIGNhbGxlZCBvbmNlPC9zcGFuPiBgO1xuICB9XG59In0seyJuYW1lIjoiaW5kZXguaHRtbCIsImNvbnRlbnQiOiI8IURPQ1RZUEUgaHRtbD5cbjxoZWFkPlxuICA8c2NyaXB0IHR5cGU9XCJtb2R1bGVcIiBzcmM9XCIuL3NpbXBsZS1ncmVldGluZy5qc1wiPjwvc2NyaXB0PlxuPC9oZWFkPlxuPGJvZHk-XG4gIDx0ZXN0LWNvbnN0cnVjdG9yPjwvdGVzdC1jb25zdHJ1Y3Rvcj5cbjwvYm9keT5cbiJ9LHsibmFtZSI6InBhY2thZ2UuanNvbiIsImNvbnRlbnQiOiJ7XG4gIFwiZGVwZW5kZW5jaWVzXCI6IHtcbiAgICBcImxpdFwiOiBcIl4zLjAuMFwiLFxuICAgIFwiQGxpdC9yZWFjdGl2ZS1lbGVtZW50XCI6IFwiXjIuMC4wXCIsXG4gICAgXCJsaXQtZWxlbWVudFwiOiBcIl40LjAuMFwiLFxuICAgIFwibGl0LWh0bWxcIjogXCJeMy4wLjBcIlxuICB9XG59IiwiaGlkZGVuIjp0cnVlfV0)

### System

```bash
Storybook Environment Info:

  System:
    OS: macOS 12.6.5
    CPU: (8) x64 Intel(R) Core(TM) i7-4770HQ CPU @ 2.20GHz
    Shell: 3.2.57 - /bin/bash
  Binaries:
    Node: 18.12.1 - ~/.nvm/versions/node/v18.12.1/bin/node
    Yarn: 1.22.18 - ~/.yarn/bin/yarn
    npm: 9.6.5 - ~/.nvm/versions/node/v18.12.1/bin/npm <----- active
    pnpm: 7.27.0 - /usr/local/bin/pnpm
  Browsers:
    Chrome: 119.0.6045.199
    Edge: 119.0.2151.97
    Safari: 16.4.1
  npmPackages:
    @storybook/addon-a11y: ^7.6.3 => 7.6.3 
    @storybook/addon-essentials: ^7.6.3 => 7.6.3 
    @storybook/addon-interactions: ^7.6.3 => 7.6.3 
    @storybook/addon-jest: ^7.6.3 => 7.6.3 
    @storybook/addon-links: ^7.6.3 => 7.6.3 
    @storybook/addon-storysource: ^7.6.3 => 7.6.3 
    @storybook/blocks: ^7.6.3 => 7.6.3 
    @storybook/jest: ^0.2.3 => 0.2.3 
    @storybook/test: ^7.6.3 => 7.6.3 
    @storybook/test-runner: ^0.16.0 => 0.16.0 
    @storybook/testing-library: ^0.2.2 => 0.2.2 
    @storybook/web-components: ^7.6.3 => 7.6.3 
    @storybook/web-components-vite: ^7.6.3 => 7.6.3 
    eslint-plugin-storybook: ^0.6.15 => 0.6.15 
    storybook: ^7.6.3 => 7.6.3
```


### Additional context

_No response_