Hi,
thanks for your reply. It's nice to hear about the changes in upcoming react version.

I have fixed the tabs part with the answer from my stackoverlfow question.

Now I am stuck at Popper. I have replaced @mui/base/Popper with @mui/material/Popper

import { ClickAwayListener, Popper } from '@mui/base';
replaced with
import { ClickAwayListener, Popper } from '@mui/material';

I am not using Paper as suggested in material examples. Still using your code as-is

Warning: React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: object.

Check your code at Tabs.jsx:6.
at _c
at div
at _c6 (http://localhost:5173/src/metronic/components/ui/dialog.jsx:86:3)
at div

I am not sure if the problem is in Popper or in Tabs



Below is the code from MenuItem.jsx

const modifiedChild = cloneElement(child, modifiedProps);
return <Popper style={{
zIndex: dropdownZIndex,
pointerEvents: trigger === 'click' ? 'auto' : 'none'
}} {...propDropdownProps} anchorEl={show ? menuItemRef.current : null} open={show} autoFocus={false} className={clsx(child.props.rootClassName && child.props.rootClassName)}>
<ClickAwayListener onClickAway={handleHide}>
<div className={clsx('menu-container', child.props.baseClassName && child.props.baseClassName)} ref={menuContainerRef} style={{
pointerEvents: 'auto'
}}>
{modifiedChild}
</div>
</ClickAwayListener>
</Popper>;
};

Below is the code from Tabs.jsx

import React, { forwardRef } from 'react';
import { Tabs as MuiTabs } from '@base-ui-components/react/tabs';

// Define the extended tab component
const Tabs = forwardRef((props, ref) => {
return <MuiTabs {...props} ref={ref} />;
});
export { Tabs };

Can you please give me some tips to handle this issue?

Best Regards
Uma

Hi,

We will be migration our Metronic React version with our new open source Reaxt/Next.js library: https://crudhunt.com/

Please stick around, CrudHunt going to be a one stop library for React projects and Metronic will use it and extend with amazing layouts. Soon we will start releasing free UI Blocks for CrudHunt.

We will release a CrudHunt templates for Metronic in a few weeks.

Regards,
Sean