Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Error on Seed Example addition for both Skill and Knowledge #538

Open
aevo98765 opened this issue Feb 3, 2025 · 1 comment
Open

Error on Seed Example addition for both Skill and Knowledge #538

aevo98765 opened this issue Feb 3, 2025 · 1 comment
Assignees

Comments

@aevo98765
Copy link
Member

When adding a seed example in the skill or knowledge form I got this error

In HTML, <button> cannot be a descendant of <button>.
This will cause a hydration error.

  ...
    <WizardBody>
      <div ref={{...}} tabIndex={-1} className="pf-v6-c-wi...">
        <div className="pf-v6-c-wi...">
          <SkillsSeedExample seedExamples={[...]} handleContextInputChange={function handleContextInputChange} ...>
            <div>
              <FormFieldGroupHeader>
              <Accordion asDefinitionList={false}>
                <div className="pf-v6-c-ac..." aria-label={undefined}>
                  <AccordionItem>
                  <AccordionItem>
                  <AccordionItem>
                  <AccordionItem>
                  <AccordionItem>
                  <AccordionItem isExpanded={true}>
                    <div className="pf-v6-c-ac...">
                      <AccordionToggle onClick={function onClick} id="seed-examp...">
                        <h3>
>                         <button
>                           id="seed-example-toggle-5"
>                           className="pf-v6-c-accordion__toggle pf-m-expanded"
>                           aria-expanded={true}
>                           type="button"
>                           onClick={function onClick}
>                         >
                            <span className="pf-v6-c-ac...">
                              <span style={{display:"flex", ...}}>
                                <_c1 icon={<TrashIcon>} variant="plain" aria-label="Remove" onClick={function onClick}>
                                  <ButtonBase innerRef={null} icon={<TrashIcon>} variant="plain" aria-label="Remove" ...>
>                                   <button
>                                     onClick={function onClick}
>                                     aria-disabled={false}
>                                     aria-label="Remove"
>                                     className="pf-v6-c-button pf-m-plain"
>                                     disabled={false}
>                                     tabIndex={undefined}
>                                     type="button"
>                                     role={undefined}
>                                     ref={null}
>                                     data-ouia-component-type="PF6/Button"
>                                     data-ouia-safe={true}
>                                     data-ouia-component-id="OUIA-Generated-Button-plain-5"
>                                   >
                            ...
                      ...
              ...
    ...
@aevo98765 aevo98765 added the bug label Feb 3, 2025
@aevo98765 aevo98765 self-assigned this Feb 3, 2025
@aevo98765 aevo98765 added this to UI Feb 3, 2025
@vishnoianil vishnoianil moved this to Ready in UI Feb 3, 2025
@vishnoianil
Copy link
Member

This error seems to only occur when UI is stated in the dev mode.

@vishnoianil vishnoianil removed the bug label Feb 8, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
Status: Ready
Development

No branches or pull requests

2 participants