Por ejemplo, tengo algún componente de selección de trabajo. Se muestra bien en la pestaña Lienzo del libro de cuentos, pero en la pestaña Documentos no muestra las opciones.
// some-select-component.stories.tsx const options = [ { id: 1, name: 'option 1', }, { id: 2, name: 'option 2', }, { id: 3, name: 'option 3', }, ]; const Template: ComponentStory<typeof SomeSelectComponent> = args => { const [formikValue, setFormikValue] = useState({}); return ( <Formik initialValues={{} as any} onSubmit={setFormikValue} > <SomeSelectComponent name='name'> {options.map((option => ( <Option key={option.id} value={option.name} > {option.name} </Option> )))} </SomeSelectComponent > </Formik> ) } export const SimpleSelect = Template.bind({}); // docs.mdx file <Story id='some-select-component--simple-select' />¿Cómo debo manejar este caso? no encontre este tipo de problemas
Si tenía una raíz estricta para el portal, arréglelo. defina el bloque raíz para la representación a través de los accesorios, porque, probablemente, su bloque para la representación del portal no se mostrará en docs-root