Javascript React故事书中的TaskHarness

我有一个非常严重的问题。我在React下创作了一本故事书。我没有在Docs站点上获得正确的值，如图所示

通常，它会给我一些类似的信息：

并且应该更改这些值

这是我的组件文件：

// Button/index.tsx
import React from 'react';
import { makeStyles } from '@material-ui/core/styles';
import { Button as MButton } from '@material-ui/core';
import clsx from 'clsx';

export interface IButtonProps {}
const useStyles = makeStyles({});

const Button: React.FC<IButtonProps> = (props) => {
   return ();
};

export default Button;

---

你知道怎么解决吗？

我通过删除装饰器的withPerformance解决了这个问题

编辑： 以下是解决方案：

import { addDecorator } from '@storybook/react';
import { withPerformance } from 'storybook-addon-performance';

addDecorator(withPerformance);

---

请提供可复制的环境链接。我通过从装饰器中删除withPerformance解决了这个问题。您能解释一下问题是什么，以及withPerformance是如何解决这个问题的吗？Hi@FilipSeman问题是我在更改它们后无法获得值，它只是向我展示了TaskHarnese的东西。在对它进行研究之后，我发现withPerformance的东西出现在组件前面。当我删除它时，问题就解决了。将在以后找出如何添加它。这很重要，但看到价值观是我的首要任务

import { addDecorator } from '@storybook/react';
import { withPerformance } from 'storybook-addon-performance';

addDecorator(withPerformance);