storybookjs / storybook

Storybook is the industry standard workshop for building, documenting, and testing UI components in isolation

Home Page:https://storybook.js.org

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

[Bug]: Component not redering

mark-b opened this issue · comments

Describe the bug

When trying to create a story for Kendo React Field with a DropDownList it is not rendering.

image

Reproduction link

Reproduction steps

Create a story with the following

`import React from 'react';
import { Meta } from '@storybook/react';
import { Field as KendoField } from '@progress/kendo-react-form';
import { DropDownList as KendoDropDownList } from '@progress/kendo-react-dropdowns';

const values = [
{ id: 0, value: 'Select a value' },
{ id: 1, value: 'One' },
{ id: 2, value: 'Two' },
{ id: 3, value: 'Three' },
];

export default {
title: 'Forms/Inputs/DropDownField',
component: KendoDropDownList,
} as Meta;

export function Default(args: any) {
return (
<KendoField {...args} />
);
}

Default.args = {
component: 'DropDownList',
data: values,
textField: 'value',
dataItemKey: 'id',
value: values[0],
label: 'Select an option',
id: 'uniqueId',
required: true,
validationMessage: '',
touched: false,
};
`

System

System:
    OS: Windows 10 10.0.19045
    CPU: (16) x64 Intel(R) Core(TM) i7-10875H CPU @ 2.30GHz
  Binaries:
    Node: 18.19.0 - C:\Program Files\nodejs\node.EXE
    Yarn: 1.22.19 - C:\Program Files (x86)\Yarn\bin\yarn.CMD
    npm: 10.2.3 - C:\Program Files\nodejs\npm.CMD <----- active
  Browsers:
    Edge: Chromium (126.0.2592.68)
  npmPackages:
    @storybook/addon-a11y: ^8.1.11 => 8.1.11
    @storybook/addon-actions: ^8.1.11 => 8.1.11
    @storybook/addon-docs: ^8.1.11 => 8.1.11
    @storybook/addon-essentials: ^8.1.11 => 8.1.11
    @storybook/addon-jest: ^8.1.11 => 8.1.11
    @storybook/addon-links: ^8.1.11 => 8.1.11
    @storybook/addon-mdx-gfm: ^8.1.11 => 8.1.11
    @storybook/addon-viewport: ^8.1.11 => 8.1.11
    @storybook/addon-webpack5-compiler-babel: ^3.0.3 => 3.0.3
    @storybook/preset-scss: ^1.0.3 => 1.0.3
    @storybook/react: ^8.1.11 => 8.1.11
    @storybook/react-webpack5: ^8.1.11 => 8.1.11
    @storybook/types: ^8.1.11 => 8.1.11
    eslint-plugin-storybook: ^0.8.0 => 0.8.0
    storybook: ^8.1.11 => 8.1.11

Additional context

No response