The code returns the following error: ``` [browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used: - A server/client branch `if (typeof window !== 'undefined')`. - Variable input such as `Date.now()` or `Math.random()` which changes each time it's called. - Date formatting in a user's locale which doesn't match the server. - External changing data without sending a snapshot of it along with the HTML. - Invalid HTML tag nesting. It can also happen if the client has a browser extension installed which messes with the HTML before React loaded. https://react.dev/link/hydration-mismatch ... <div data-slot="accordion" className="w-full" data-orientation="vertical" onKeyDown={function handleEvent} ...> ... <AccordionItemProvider scope={undefined} open={true} disabled={undefined} triggerId="radix-_R_2..."> <Collapsible data-orientation="vertical" data-state="open" __scopeCollapsible={{...}} data-slot="accordion-..." ...> <CollapsibleProvider scope={{...}} disabled={undefined} contentId="radix-_R_1..." open={true} ...> <Primitive.div data-state="open" data-disabled={undefined} data-orientation="vertical" ...> <div data-state="open" data-disabled={undefined} data-orientation="vertical" data-slot="accordion-..." ...> ... <h3 data-orientation="vertical" data-state="open" data-disabled={undefined} className="flex" ...> <AccordionTrigger data-slot="accordion-..." className={"focus-vi..."}> <AccordionCollectionItemSlot scope={undefined}> <AccordionCollectionItemSlot.Slot data-radix-collection-item="" ref={function}> <AccordionCollectionItemSlot.SlotClone data-radix-collection-item="" ref={function}> <CollapsibleTrigger aria-disabled={undefined} data-orientation="vertical" ...> <Primitive.button type="button" aria-controls="radix-_R_1..." aria-expanded={true} ...> <button type="button" + aria-controls="radix-_R_12kqindlb_" - aria-controls="radix-_R_4ajaindlb_" aria-expanded={true} data-state="open" data-disabled={undefined} disabled={undefined} aria-disabled={undefined} data-orientation="vertical" + id="radix-_R_2kqindlb_" - id="radix-_R_ajaindlb_" data-slot="accordion-trigger" className={"focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 item..."} data-radix-collection-item="" onClick={function handleEvent} ref={function} > <AccordionContent> <AccordionContent data-slot="accordion-..." className="data-[stat..."> <CollapsibleContent role="region" aria-labelledby="radix-_R_2..." data-orientation="vertical" ...> <Presence present={true}> <Primitive.div data-state="open" data-disabled={undefined} id="radix-_R_1..." hidden={false} ...> <div data-state="open" data-disabled={undefined} + id="radix-_R_12kqindlb_" - id="radix-_R_4ajaindlb_" hidden={false} role="region" + aria-labelledby="radix-_R_2kqindlb_" - aria-labelledby="radix-_R_ajaindlb_" data-orientation="vertical" data-slot="accordion-content" className="data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-..." style={{--radix-collapsible-content-height:undefined,--radix-collapsible-content-width:undefined, ...}} ref={function} > ... <AccordionItemProvider scope={undefined} open={false} disabled={undefined} triggerId="radix-_R_4..."> <Collapsible data-orientation="vertical" data-state="closed" __scopeCollapsible={{...}} ...> <CollapsibleProvider scope={{...}} disabled={undefined} contentId="radix-_R_1..." open={false} ...> <Primitive.div data-state="closed" data-disabled={undefined} data-orientation="vertical" ...> <div data-state="closed" data-disabled={undefined} data-orientation="vertical" data-slot="accordion-..." ...> ... <h3 data-orientation="vertical" data-state="closed" data-disabled={undefined} className="flex" ...> <AccordionTrigger data-slot="accordion-..." className={"focus-vi..."}> <AccordionCollectionItemSlot scope={undefined}> <AccordionCollectionItemSlot.Slot data-radix-collection-item="" ref={function}> <AccordionCollectionItemSlot.SlotClone data-radix-collection-item="" ref={function}> <CollapsibleTrigger aria-disabled={undefined} data-orientation="vertical" ...> <Primitive.button type="button" aria-controls="radix-_R_1..." aria-expanded={false} ...> <button type="button" + aria-controls="radix-_R_14kqindlb_" - aria-controls="radix-_R_4ijaindlb_" aria-expanded={false} data-state="closed" data-disabled={undefined} disabled={undefined} aria-disabled={undefined} data-orientation="vertical" + id="radix-_R_4kqindlb_" - id="radix-_R_ijaindlb_" data-slot="accordion-trigger" className={"focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 item..."} data-radix-collection-item="" onClick={function handleEvent} ref={function} > <AccordionContent> <AccordionContent data-slot="accordion-..." className="data-[stat..."> <CollapsibleContent role="region" aria-labelledby="radix-_R_4..." data-orientation="vertical" ...> <Presence present={false}> <Primitive.div data-state="closed" data-disabled={undefined} id="radix-_R_1..." hidden={true} ...> <div data-state="closed" data-disabled={undefined} + id="radix-_R_14kqindlb_" - id="radix-_R_4ijaindlb_" hidden={true} role="region" + aria-labelledby="radix-_R_4kqindlb_" - aria-labelledby="radix-_R_ijaindlb_" data-orientation="vertical" data-slot="accordion-content" className="data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-..." style={{--radix-collapsible-content-height:undefined,--radix-collapsible-content-width:undefined, ...}} ref={function} > ... <AccordionItemProvider scope={undefined} open={false} disabled={undefined} triggerId="radix-_R_6..."> <Collapsible data-orientation="vertical" data-state="closed" __scopeCollapsible={{...}} ...> <CollapsibleProvider scope={{...}} disabled={undefined} contentId="radix-_R_1..." open={false} ...> <Primitive.div data-state="closed" data-disabled={undefined} data-orientation="vertical" ...> <div data-state="closed" data-disabled={undefined} data-orientation="vertical" data-slot="accordion-..." ...> ... <h3 data-orientation="vertical" data-state="closed" data-disabled={undefined} className="flex" ...> <AccordionTrigger data-slot="accordion-..." className={"focus-vi..."}> <AccordionCollectionItemSlot scope={undefined}> <AccordionCollectionItemSlot.Slot data-radix-collection-item="" ref={function}> <AccordionCollectionItemSlot.SlotClone data-radix-collection-item="" ref={function}> <CollapsibleTrigger aria-disabled={undefined} data-orientation="vertical" ...> <Primitive.button type="button" aria-controls="radix-_R_1..." aria-expanded={false} ...> <button type="button" + aria-controls="radix-_R_16kqindlb_" - aria-controls="radix-_R_4qjaindlb_" aria-expanded={false} data-state="closed" data-disabled={undefined} disabled={undefined} aria-disabled={undefined} data-orientation="vertical" + id="radix-_R_6kqindlb_" - id="radix-_R_qjaindlb_" data-slot="accordion-trigger" className={"focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 item..."} data-radix-collection-item="" onClick={function handleEvent} ref={function} > <AccordionContent> <AccordionContent data-slot="accordion-..." className="data-[stat..."> <CollapsibleContent role="region" aria-labelledby="radix-_R_6..." data-orientation="vertical" ...> <Presence present={false}> <Primitive.div data-state="closed" data-disabled={undefined} id="radix-_R_1..." hidden={true} ...> <div data-state="closed" data-disabled={undefined} + id="radix-_R_16kqindlb_" - id="radix-_R_4qjaindlb_" hidden={true} role="region" + aria-labelledby="radix-_R_6kqindlb_" - aria-labelledby="radix-_R_qjaindlb_" data-orientation="vertical" data-slot="accordion-content" className="data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-..." style={{--radix-collapsible-content-height:undefined,--radix-collapsible-content-width:undefined, ...}} ref={function} > ... <AccordionItemProvider scope={undefined} open={false} disabled={undefined} triggerId="radix-_R_8..."> <Collapsible data-orientation="vertical" data-state="closed" __scopeCollapsible={{...}} ...> <CollapsibleProvider scope={{...}} disabled={undefined} contentId="radix-_R_1..." open={false} ...> <Primitive.div data-state="closed" data-disabled={undefined} data-orientation="vertical" ...> <div data-state="closed" data-disabled={undefined} data-orientation="vertical" data-slot="accordion-..." ...> ... <h3 data-orientation="vertical" data-state="closed" data-disabled={undefined} className="flex" ...> <AccordionTrigger data-slot="accordion-..." className={"focus-vi..."}> <AccordionCollectionItemSlot scope={undefined}> <AccordionCollectionItemSlot.Slot data-radix-collection-item="" ref={function}> <AccordionCollectionItemSlot.SlotClone data-radix-collection-item="" ref={function}> <CollapsibleTrigger aria-disabled={undefined} data-orientation="vertical" ...> <Primitive.button type="button" aria-controls="radix-_R_1..." aria-expanded={false} ...> <button type="button" + aria-controls="radix-_R_18kqindlb_" - aria-controls="radix-_R_52jaindlb_" aria-expanded={false} data-state="closed" data-disabled={undefined} disabled={undefined} aria-disabled={undefined} data-orientation="vertical" + id="radix-_R_8kqindlb_" - id="radix-_R_12jaindlb_" data-slot="accordion-trigger" className={"focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 item..."} data-radix-collection-item="" onClick={function handleEvent} ref={function} > <AccordionContent> <AccordionContent data-slot="accordion-..." className="data-[stat..."> <CollapsibleContent role="region" aria-labelledby="radix-_R_8..." data-orientation="vertical" ...> <Presence present={false}> <Primitive.div data-state="closed" data-disabled={undefined} id="radix-_R_1..." hidden={true} ...> <div data-state="closed" data-disabled={undefined} + id="radix-_R_18kqindlb_" - id="radix-_R_52jaindlb_" hidden={true} role="region" + aria-labelledby="radix-_R_8kqindlb_" - aria-labelledby="radix-_R_12jaindlb_" data-orientation="vertical" data-slot="accordion-content" className="data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-..." style={{--radix-collapsible-content-height:undefined,--radix-collapsible-content-width:undefined, ...}} ref={function} > ... <AccordionItemProvider scope={undefined} open={false} disabled={undefined} triggerId="radix-_R_a..."> <Collapsible data-orientation="vertical" data-state="closed" __scopeCollapsible={{...}} ...> <CollapsibleProvider scope={{...}} disabled={undefined} contentId="radix-_R_1..." open={false} ...> <Primitive.div data-state="closed" data-disabled={undefined} data-orientation="vertical" ...> <div data-state="closed" data-disabled={undefined} data-orientation="vertical" data-slot="accordion-..." ...> ... <h3 data-orientation="vertical" data-state="closed" data-disabled={undefined} className="flex" ...> <AccordionTrigger data-slot="accordion-..." className={"focus-vi..."}> <AccordionCollectionItemSlot scope={undefined}> <AccordionCollectionItemSlot.Slot data-radix-collection-item="" ref={function}> <AccordionCollectionItemSlot.SlotClone data-radix-collection-item="" ref={function}> <CollapsibleTrigger aria-disabled={undefined} data-orientation="vertical" ...> <Primitive.button type="button" aria-controls="radix-_R_1..." aria-expanded={false} ...> <button type="button" + aria-controls="radix-_R_1akqindlb_" - aria-controls="radix-_R_5ajaindlb_" aria-expanded={false} data-state="closed" data-disabled={undefined} disabled={undefined} aria-disabled={undefined} data-orientation="vertical" + id="radix-_R_akqindlb_" - id="radix-_R_1ajaindlb_" data-slot="accordion-trigger" className={"focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 item..."} data-radix-collection-item="" onClick={function handleEvent} ref={function} > <AccordionContent> <AccordionContent data-slot="accordion-..." className="data-[stat..."> <CollapsibleContent role="region" aria-labelledby="radix-_R_a..." data-orientation="vertical" ...> <Presence present={false}> <Primitive.div data-state="closed" data-disabled={undefined} id="radix-_R_1..." hidden={true} ...> <div data-state="closed" data-disabled={undefined} + id="radix-_R_1akqindlb_" - id="radix-_R_5ajaindlb_" hidden={true} role="region" + aria-labelledby="radix-_R_akqindlb_" - aria-labelledby="radix-_R_1ajaindlb_" data-orientation="vertical" data-slot="accordion-content" className="data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-..." style={{--radix-collapsible-content-height:undefined,--radix-collapsible-content-width:undefined, ...}} ref={function} > ... <AccordionItemProvider scope={undefined} open={false} disabled={undefined} triggerId="radix-_R_c..."> <Collapsible data-orientation="vertical" data-state="closed" __scopeCollapsible={{...}} ...> <CollapsibleProvider scope={{...}} disabled={undefined} contentId="radix-_R_1..." open={false} ...> <Primitive.div data-state="closed" data-disabled={undefined} data-orientation="vertical" ...> <div data-state="closed" data-disabled={undefined} data-orientation="vertical" data-slot="accordion-..." ...> ... <h3 data-orientation="vertical" data-state="closed" data-disabled={undefined} className="flex" ...> <AccordionTrigger data-slot="accordion-..." className={"focus-vi..."}> <AccordionCollectionItemSlot scope={undefined}> <AccordionCollectionItemSlot.Slot data-radix-collection-item="" ref={function}> <AccordionCollectionItemSlot.SlotClone data-radix-collection-item="" ref={function}> <CollapsibleTrigger aria-disabled={undefined} data-orientation="vertical" ...> <Primitive.button type="button" aria-controls="radix-_R_1..." aria-expanded={false} ...> <button type="button" + aria-controls="radix-_R_1ckqindlb_" - aria-controls="radix-_R_5ijaindlb_" aria-expanded={false} data-state="closed" data-disabled={undefined} disabled={undefined} aria-disabled={undefined} data-orientation="vertical" + id="radix-_R_ckqindlb_" - id="radix-_R_1ijaindlb_" data-slot="accordion-trigger" className={"focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 item..."} data-radix-collection-item="" onClick={function handleEvent} ref={function} > <AccordionContent> <AccordionContent data-slot="accordion-..." className="data-[stat..."> <CollapsibleContent role="region" aria-labelledby="radix-_R_c..." data-orientation="vertical" ...> <Presence present={false}> <Primitive.div data-state="closed" data-disabled={undefined} id="radix-_R_1..." hidden={true} ...> <div data-state="closed" data-disabled={undefined} + id="radix-_R_1ckqindlb_" - id="radix-_R_5ijaindlb_" hidden={true} role="region" + aria-labelledby="radix-_R_ckqindlb_" - aria-labelledby="radix-_R_1ijaindlb_" data-orientation="vertical" data-slot="accordion-content" className="data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-..." style={{--radix-collapsible-content-height:undefined,--radix-collapsible-content-width:undefined, ...}} ref={function} > ... <AccordionItemProvider scope={undefined} open={false} disabled={undefined} triggerId="radix-_R_e..."> <Collapsible data-orientation="vertical" data-state="closed" __scopeCollapsible={{...}} ...> <CollapsibleProvider scope={{...}} disabled={undefined} contentId="radix-_R_1..." open={false} ...> <Primitive.div data-state="closed" data-disabled={undefined} data-orientation="vertical" ...> <div data-state="closed" data-disabled={undefined} data-orientation="vertical" data-slot="accordion-..." ...> ... <h3 data-orientation="vertical" data-state="closed" data-disabled={undefined} className="flex" ...> <AccordionTrigger data-slot="accordion-..." className={"focus-vi..."}> <AccordionCollectionItemSlot scope={undefined}> <AccordionCollectionItemSlot.Slot data-radix-collection-item="" ref={function}> <AccordionCollectionItemSlot.SlotClone data-radix-collection-item="" ref={function}> <CollapsibleTrigger aria-disabled={undefined} data-orientation="vertical" ...> <Primitive.button type="button" aria-controls="radix-_R_1..." aria-expanded={false} ...> <button type="button" + aria-controls="radix-_R_1ekqindlb_" - aria-controls="radix-_R_5qjaindlb_" aria-expanded={false} data-state="closed" data-disabled={undefined} disabled={undefined} aria-disabled={undefined} data-orientation="vertical" + id="radix-_R_ekqindlb_" - id="radix-_R_1qjaindlb_" data-slot="accordion-trigger" className={"focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 item..."} data-radix-collection-item="" onClick={function handleEvent} ref={function} > <AccordionContent> <AccordionContent data-slot="accordion-..." className="data-[stat..."> <CollapsibleContent role="region" aria-labelledby="radix-_R_e..." data-orientation="vertical" ...> <Presence present={false}> <Primitive.div data-state="closed" data-disabled={undefined} id="radix-_R_1..." hidden={true} ...> <div data-state="closed" data-disabled={undefined} + id="radix-_R_1ekqindlb_" - id="radix-_R_5qjaindlb_" hidden={true} role="region" + aria-labelledby="radix-_R_ekqindlb_" - aria-labelledby="radix-_R_1qjaindlb_" data-orientation="vertical" data-slot="accordion-content" className="data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-..." style={{--radix-collapsible-content-height:undefined,--radix-collapsible-content-width:undefined, ...}} ref={function} > ... <AccordionItemProvider scope={undefined} open={false} disabled={undefined} triggerId="radix-_R_g..."> <Collapsible data-orientation="vertical" data-state="closed" __scopeCollapsible={{...}} ...> <CollapsibleProvider scope={{...}} disabled={undefined} contentId="radix-_R_1..." open={false} ...> <Primitive.div data-state="closed" data-disabled={undefined} data-orientation="vertical" ...> <div data-state="closed" data-disabled={undefined} data-orientation="vertical" data-slot="accordion-..." ...> ... <h3 data-orientation="vertical" data-state="closed" data-disabled={undefined} className="flex" ...> <AccordionTrigger data-slot="accordion-..." className={"focus-vi..."}> <AccordionCollectionItemSlot scope={undefined}> <AccordionCollectionItemSlot.Slot data-radix-collection-item="" ref={function}> <AccordionCollectionItemSlot.SlotClone data-radix-collection-item="" ref={function}> <CollapsibleTrigger aria-disabled={undefined} data-orientation="vertical" ...> <Primitive.button type="button" aria-controls="radix-_R_1..." aria-expanded={false} ...> <button type="button" + aria-controls="radix-_R_1gkqindlb_" - aria-controls="radix-_R_62jaindlb_" aria-expanded={false} data-state="closed" data-disabled={undefined} disabled={undefined} aria-disabled={undefined} data-orientation="vertical" + id="radix-_R_gkqindlb_" - id="radix-_R_22jaindlb_" data-slot="accordion-trigger" className={"focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 item..."} data-radix-collection-item="" onClick={function handleEvent} ref={function} > <AccordionContent> <AccordionContent data-slot="accordion-..." className="data-[stat..."> <CollapsibleContent role="region" aria-labelledby="radix-_R_g..." data-orientation="vertical" ...> <Presence present={false}> <Primitive.div data-state="closed" data-disabled={undefined} id="radix-_R_1..." hidden={true} ...> <div data-state="closed" data-disabled={undefined} + id="radix-_R_1gkqindlb_" - id="radix-_R_62jaindlb_" hidden={true} role="region" + aria-labelledby="radix-_R_gkqindlb_" - aria-labelledby="radix-_R_22jaindlb_" data-orientation="vertical" data-slot="accordion-content" className="data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-..." style={{--radix-collapsible-content-height:undefined,--radix-collapsible-content-width:undefined, ...}} ref={function} > ... <AccordionItemProvider scope={undefined} open={false} disabled={undefined} triggerId="radix-_R_i..."> <Collapsible data-orientation="vertical" data-state="closed" __scopeCollapsible={{...}} ...> <CollapsibleProvider scope={{...}} disabled={undefined} contentId="radix-_R_1..." open={false} ...> <Primitive.div data-state="closed" data-disabled={undefined} data-orientation="vertical" ...> <div data-state="closed" data-disabled={undefined} data-orientation="vertical" data-slot="accordion-..." ...> ... <h3 data-orientation="vertical" data-state="closed" data-disabled={undefined} className="flex" ...> <AccordionTrigger data-slot="accordion-..." className={"focus-vi..."}> <AccordionCollectionItemSlot scope={undefined}> <AccordionCollectionItemSlot.Slot data-radix-collection-item="" ref={function}> <AccordionCollectionItemSlot.SlotClone data-radix-collection-item="" ref={function}> <CollapsibleTrigger aria-disabled={undefined} data-orientation="vertical" ...> <Primitive.button type="button" aria-controls="radix-_R_1..." aria-expanded={false} ...> <button type="button" + aria-controls="radix-_R_1ikqindlb_" - aria-controls="radix-_R_6ajaindlb_" aria-expanded={false} data-state="closed" data-disabled={undefined} disabled={undefined} aria-disabled={undefined} data-orientation="vertical" + id="radix-_R_ikqindlb_" - id="radix-_R_2ajaindlb_" data-slot="accordion-trigger" className={"focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 item..."} data-radix-collection-item="" onClick={function handleEvent} ref={function} > <AccordionContent> <AccordionContent data-slot="accordion-..." className="data-[stat..."> <CollapsibleContent role="region" aria-labelledby="radix-_R_i..." data-orientation="vertical" ...> <Presence present={false}> <Primitive.div data-state="closed" data-disabled={undefined} id="radix-_R_1..." hidden={true} ...> <div data-state="closed" data-disabled={undefined} + id="radix-_R_1ikqindlb_" - id="radix-_R_6ajaindlb_" hidden={true} role="region" + aria-labelledby="radix-_R_ikqindlb_" - aria-labelledby="radix-_R_2ajaindlb_" data-orientation="vertical" data-slot="accordion-content" className="data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-..." style={{--radix-collapsible-content-height:undefined,--radix-collapsible-content-width:undefined, ...}} ref={function} > ... <AccordionItemProvider scope={undefined} open={false} disabled={undefined} triggerId="radix-_R_k..."> <Collapsible data-orientation="vertical" data-state="closed" __scopeCollapsible={{...}} ...> <CollapsibleProvider scope={{...}} disabled={undefined} contentId="radix-_R_1..." open={false} ...> <Primitive.div data-state="closed" data-disabled={undefined} data-orientation="vertical" ...> <div data-state="closed" data-disabled={undefined} data-orientation="vertical" data-slot="accordion-..." ...> ... <h3 data-orientation="vertical" data-state="closed" data-disabled={undefined} className="flex" ...> <AccordionTrigger data-slot="accordion-..." className={"focus-vi..."}> <AccordionCollectionItemSlot scope={undefined}> <AccordionCollectionItemSlot.Slot data-radix-collection-item="" ref={function}> <AccordionCollectionItemSlot.SlotClone data-radix-collection-item="" ref={function}> <CollapsibleTrigger aria-disabled={undefined} data-orientation="vertical" ...> <Primitive.button type="button" aria-controls="radix-_R_1..." aria-expanded={false} ...> <button type="button" + aria-controls="radix-_R_1kkqindlb_" - aria-controls="radix-_R_6ijaindlb_" aria-expanded={false} data-state="closed" data-disabled={undefined} disabled={undefined} aria-disabled={undefined} data-orientation="vertical" + id="radix-_R_kkqindlb_" - id="radix-_R_2ijaindlb_" data-slot="accordion-trigger" className={"focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 item..."} data-radix-collection-item="" onClick={function handleEvent} ref={function} > <AccordionContent> <AccordionContent data-slot="accordion-..." className="data-[stat..."> <CollapsibleContent role="region" aria-labelledby="radix-_R_k..." data-orientation="vertical" ...> <Presence present={false}> <Primitive.div data-state="closed" data-disabled={undefined} id="radix-_R_1..." hidden={true} ...> <div data-state="closed" data-disabled={undefined} + id="radix-_R_1kkqindlb_" - id="radix-_R_6ijaindlb_" hidden={true} role="region" + aria-labelledby="radix-_R_kkqindlb_" - aria-labelledby="radix-_R_2ijaindlb_" data-orientation="vertical" data-slot="accordion-content" className="data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-..." style={{--radix-collapsible-content-height:undefined,--radix-collapsible-content-width:undefined, ...}} ref={function} > at button (<anonymous>) at Page (app/page.tsx:4:10) 2 | 3 | export default function Page() { > 4 | return <CostManagementApp /> | ^ 5 | } 6 | (<anonymous>) ``` Revise the code to address the error.