Warning: Failed prop type: The prop `groups` is marked as required in `HorizontalLayout`, but its value is `undefined`. at HorizontalLayout

[jhunexjun]

Is there an existing issue for this?

• I have searched this repository's issues and believe that this is not a duplicate.

I'm using ...

React Scheduler

Current Behaviour

The error below shows and nothing in the UI.

Expected Behaviour

No errors and Scheduler must show with grouping.

Steps to Reproduce

let initSchedulerData = [];

let initResources = [
{
fieldName: 'workers',
title: 'Workers',
allowMultiple: true,
instances: [],
},
{
fieldName: 'invoiceNo',
title: 'Invoice #',
allowMultiple: false,
instances: [],
},
];

let initGroupings = [{
resourceName: 'invoiceNo',
}, {
resourceName: 'workers',
}];

let [currentDate] = useState(new Date());
let [schedulerData, setScheduleData] = useState(initSchedulerData);
let [resources, setResources] = useState(initResources);
let [groupings, setGroupings] = useState(initGroupings);

const groupOrientation = viewName => viewName.split(' ')[0];

Environment

"dependencies": {
"@devexpress/dx-react-core": "^4.0.2",
"@devexpress/dx-react-scheduler": "^4.0.2",
"@devexpress/dx-react-scheduler-material-ui": "^4.0.2",
"@emotion/react": "^11.10.5",
"@emotion/styled": "^11.10.5",
"@mui/icons-material": "^5.0.4",
"@mui/lab": "^5.0.0-alpha.51",
"@mui/material": "^5.11.5",
"@mui/styled-engine-sc": "^5.11.0",
"@mui/x-date-pickers": "^5.0.0-alpha.7",
"bootstrap": "^4.6.0",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-router-dom": "^6.4.2",
"react-scripts": "5.0.1",
},

[Tom]

Hi @jhunexjun

I'm closing this issue, as it's not clear how to reproduce it on this information.
If you have an active DevExtreme license, you can contact us in our Support Center for further research . Otherwise, post your question on StackOverflow.