[BUG] - dividerProps in Accordion not working

[mauriciabad]

NextUI Version

2.4.2

Describe the bug

The dividerProps does not work inside Accordion component.

Specifically, I'm trying to change the divider colour.

Your Example Website or App

CodeSandbox

Steps to Reproduce the Bug or Issue

import React from "react";
import {Accordion, AccordionItem} from "@nextui-org/react";

export default function App() {
  const defaultContent =
    "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.";

  return (
    <Accordion
      dividerProps={{
        className: "bg-red-500", // <-- 🔴 Not working
      }}
    >
      <AccordionItem key="1" aria-label="Accordion 1" title="Accordion 1">
        {defaultContent}
      </AccordionItem>
      <AccordionItem key="2" aria-label="Accordion 2" title="Accordion 2">
        {defaultContent}
      </AccordionItem>
      <AccordionItem key="3" aria-label="Accordion 3" title="Accordion 3">
        {defaultContent}
      </AccordionItem>
    </Accordion>
  );
}

Expected behavior

To be able to change the accordion divider's colour.

Screenshots or Videos

No response

Operating System Version

macOS

Browser

Chrome

[linear]

ENG-1093 [BUG] - `dividerProps` in Accordion not working