BREAKING CHANGE - Caused by Collapse v8.0.0 wrapping {children} in <div ref={contentRef} className="collapse-content">

[TzolkinB]

mdb-react-ui-kit/app/src/free/components/Collapse/Collapse.tsx

Line 72 in 8f79799

<div ref={contentRef} className='collapse-content'>

Issue:
Wrapping children in a div means that is no longer a child of . The css, justify-content: space-between, can no longer apply so the navbar documentation code examples with left and right aligned items no longer work.

https://mdbootstrap.com/docs/react/navigation/navbar/#subsection-centered -- This example gets an error
Error:
TS2322: Type '{ children: Element; navbar: true; open: boolean; center: true; id: string; }' is not assignable to type 'IntrinsicAttributes & CollapseProps'.
Property 'center' does not exist on type 'IntrinsicAttributes & CollapseProps'.

https://mdbootstrap.com/docs/react/navigation/navbar/#subsection-right-aligned
https://mdbootstrap.com/docs/react/navigation/navbar/#subsection-forms
https://mdbootstrap.com/docs/react/navigation/navbar/#subsection-text

[TzolkinB]

To fix you add css changes to ".collapse-content" in your project.