Comments (8)
Hi @omgaunicorn ,
You need to add our packages to transpilePackages
in next.config
proper operation.
const nextConfig = {
reactStrictMode: true,
swcMinify: true,
transpilePackages: [
'@mui/icons-material',
'@mui/x-date-pickers',
'rrule',
'@devexpress/dx-react-core',
'@devexpress/dx-scheduler-core',
'@devexpress/dx-react-scheduler-material-ui',
'@devexpress/dx-react-scheduler',
'@devexpress/dx-react-grid-material-ui'
],
};
module.exports = nextConfig;
See the following ticket where we created an example: t1159998
from devextreme-reactive.
Hi @artem-kurchenko
Thanks a lot for your reply! I have managed to create a reproduction scenario given your application template. If you run npm run test
in this example, the error occurs.
The error started occurring after adding React Testing Library dependencies.
from devextreme-reactive.
Facing the same issue; in my app I want to update @mui/x-date-pickers to v6, but the Scheduler implodes with the rrule error when trying to do this.
Up until now this library has been great but this has been a blocker for a couple months now and it's making us reconsider changing the DevExtreme Reactive components for something else 😕
Environment:
- next: ^12.3.0
- react: ^18.2.0
- dx-react-core: ^4.0.4
- dx-react-scheduler: ^4.0.4
- dx-react-scheduler-material-ui: ^4.0.4
- @mui/icons-material: ^5.11.16
- @mui/lab: ^5.0.0-alpha.126
- @mui/material: ^5.12.0
- @mui/x-date-pickers: ^6.6.0
Edit: upon further checking, it seems that even with MUI Date Pickers still at 5.0.20, the change from Scheduler from 4.0.2 to 4.0.3 introduces the breaking change. A patch version update should not introduce any breaking changes, so I hope this gets addressed soon.
from devextreme-reactive.
We had the same issue after upgrading from 3.x
to the latest version.
I can confirm adding these lines to our next.config.js
fixed the issue for us.
Thanks!
from devextreme-reactive.
We have the same issue but we're not using Next. We're using Vite and the error pops up when running unit tests using Vitest. Is there anything similar we can do in the Vite configuration?
from devextreme-reactive.
Hi @EmielH
I didn't reproduce the issue using the latest vite application template.
Could you please verify if you're using the latest v4.0.4. If so, please modify my example to demonstrate how to reproduce the issue.
test-react-vite.zip
from devextreme-reactive.
Thank you for using Devextreme Reactive. We use GitHub issues to track bug and feature requests. We process incoming issues as soon as possible. Issues that have been inactive for 30 days are closed. If you have an active DevExtreme license, you can contact us in our Support Center for updates. Otherwise, post your question on StackOverflow.
from devextreme-reactive.
The following configuration in vitest.config.ts
should solve the issue in testing:
import react from "@vitejs/plugin-react";
import { defineConfig } from 'vitest/config';
export default defineConfig({
plugins: [
react()
],
test: {
environment: 'jsdom',
deps: {
inline: [
"rrule", "@devexpress/dx-scheduler-core", "@devexpress/dx-react-scheduler", "@devexpress/dx-react-scheduler-material-ui",
],
registerNodeLoader: true,
fallbackCJS: true,
interopDefault: true
},
}
});
from devextreme-reactive.
Related Issues (20)
- Warning: Failed prop type: The prop `groups` is marked as required in `HorizontalLayout`, but its value is `undefined`. at HorizontalLayout HOT 1
- Warning: Failed prop type: The prop `currentView.displayName` is marked as required in `Memo`, but its value is `undefined`. HOT 1
- Scheduler - some appointments are hidden by overlapping elements HOT 3
- Fixed row in DevExtremeREACTIVE HOT 1
- Colspan misalignement problem using groups and action custom columns HOT 1
- EditRecurrenceMenu doesn't show before onCommitChanges function is called HOT 2
- Support for ExcelJS version 4 HOT 1
- Certain styling broken by DX's migration to MUI v5 HOT 1
- (@mui/x-date-pickers: 6.0.3 compatible) TypeError: date.isBefore is not a function HOT 5
- Recurring event not handling daylight saving time HOT 2
- Sorting Column Extensions not removing previous sort column HOT 3
- Change Layout For TimeScale in DayView's mode HOT 2
- Show week number in scheduler HOT 1
- A dependency not working HOT 2
- Jerky scrolling with variable row heights in Virtual table HOT 2
- Empty Table header HOT 1
- Scheduler not fitting parent container HOT 2
- Need the right side layout of Appointment Form model. HOT 2
- Unexpected jump to top when scrolling down after Edge restart HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from devextreme-reactive.