storybook-addon-performance
storybook-addon-performance copied to clipboard
🚧 A storybook addon to help better understand and debug performance for React components.
When I'm trying to meassure the performance of a story with decorators with preview hooks, the renders throws an error: > Storybook preview hooks can only be called inside decorators...
I am trying to upgrade from `0.17.1` to `0.17.3`, but am unable to do so since we're still on Node 18. (I can use `--ignore-engines` to upgrade, but this would...
Hey @DarkPurple141! I’m reaching out from the Storybook core team :) Storybook 8 (our next major release) is coming soon, and it introduces some breaking changes that your addon might...
**Test Environment:** OS: Windows 11 OS version: 23H2 (OS Build 25393.1000) Edge Version: 114.0.1823.51 (Official build) (64-bit) **Repro steps:** 1. Open URL: “Overview - Docs ⋅ Storybook (windows.net)” and sign...
**Test Environment:** OS: Windows 11 OS version: 23H2 (OS Build 25393.1000) Edge Version: 114.0.1823.51 (Official build) (64-bit) **Repro steps:** 1. Open URL: Common Navigation - Scrolling Panel ⋅ Storybook (windows.net)...
Hey 👋 What a great idea for an addon! It reminds me how Stripe was doing performance testing of their components several years ago. They've found that testing performance of...
The performance add is not compatible with Storybook v7.0 and so fails to run.
I'm using storybook `6.4.19` and have added the `withPerformance` decorator globally in `preview.js` but no panel is added to my storybook. My other decorators and addons are working. I've also...
``` //.storybook/main.ts const config: StorybookConfig = { stories: [ '../storybook/**/*.mdx', '../storybook/**/*.story.@(js|jsx|mjs|ts|tsx)' ], addons: [ '@storybook/addon-links', '@storybook/addon-essentials', '@storybook/blocks', '@storybook/addon-interactions', { name: '@storybook/addon-styling', options: {} }, '@storybook/addon-a11y', '@storybook/addon-designs', '@storybook/addon-mdx-gfm', 'storybook-addon-performance' ], framework:...
We set up storybook with these instructions: https://storybook.js.org/blog/get-started-with-storybook-and-next-js/ In these versions we set router parameters with: ``` const parameters = { nextjs: { router: { route: '/my-route', path: '/my-route', asPath:...