Buku cerita 7.0.23 - TypeError: filterProps.indexOf bukan fungsi

Question

Saya mempunyai komponen React yang mudah:

import React daripada 'react';

Butang const = (props) =>

  kembali (
    <div>Prop Butang Saya: {Object.keys(props)}</div>
  )
}

eksport Butang lalai;

Saya mempunyai cerita buku cerita seperti berikut:

import React daripada 'react';

import Butang daripada './';

eksport lalai {
  komponen: <Butang />,
  tag: ['autodocs'],
};

export const Lalai = {
  args: {
    primer: benar
  },
};

Tetapi apabila buku cerita dijalankan, saya mendapat ralat berikut:

Uncaught TypeError: filterProps.indexOf bukan fungsi
    di index.js:576:1
    di Array.filter (<tanpa nama>)
    di formatReactElementNode (index.js:575:1)
    di formatTreeNode (index.js:735:1)
    di formatTree (index.js:746:1)
    di reactElementToJsxString (index.js:786:1)
    di config.mjs:19:1
    di mapSingleChildIntoContext (react.development.js:1149:1)
    di traverseAllChildrenImpl (react.development.js:1007:1)
    di traverseAllChildren (react.development.js:1092:1)

Saya perasan bahawa apabila saya mengalih keluar args

.buku cerita/main.js：

module.exports = {
  cerita: [
    "../src/**/*.story.@(js|jsx|ts|tsx)",
  ],
  tambahan: [
    "@storybook/addon-links",
    "@storybook/addon-essentials",
    "@storybook/addon-interactions",
  ],
  rangka kerja: {
    nama: "@storybook/react-webpack5",
    pilihan: {},
  },
  dokumen: {
    autodocs: "tag",
  },
  skrip taip: {
    reactDocgen: palsu
  },
  webpackFinal: (config) => {
    const cssLoaders = [{
      pemuat: 'postcss-loader',
      pilihan: {
        pemalam: [
          memerlukan('postcss-assets')({ cache: true }),
          memerlukan('autoprefixer')({ pelayar: ['chrome 44'] })
        ]
      }
    }, {
      pemuat: 'sass-loader',
      pilihan: {
        includePaths: ['node_modules', 'src/scss'],
        quietDeps: benar
      }
    }]

    config.module.rules.push({
      ujian: /.js?$/,
      kecualikan: /(node_modules|liputan|sasaran)/,
      pemuat: 'pemuat babel',
      pilihan: {
        pemalam: ['@babel/plugin-syntax-dynamic-import']
      }
    }, {
      ujian: /.s?css$/,
      gunakan: ['style-loader', ...cssLoader]
    });

    kembalikan konfigurasi;

  },
}

.buku cerita/preview.js：

const preview = {
  parameter: {
    tindakan: { argTypesRegex: "^on[A-Z].*" },
    kawalan: {
      padanan: {
        warna: /(latar belakang|warna)$/i,
        tarikh: /Date$/,
      },
    },
  },
};


eksport pratonton lalai;

我不确定这是否是我的项目，但当我使用 Buku cerita 版本时，我的组件正在工作;"<.code>"<." gt;< ;/p>

不太确定发生了什么！

编辑：

我已经找到了导致错误的文件，它是一个node_modules文件： node_modules/react-element-to-jsx-string/dist/cjs/index.js

Answer 1

Saya terlepas package.json hakikat bahawa:

"overrides": {
    "react-element-to-jsx-string": "14.0.2"
  },

Menyingkirkannya membuatkan buku cerita saya berjalan semula. mengeluh