Upgrading @fullcalendar/react 5 to 6
Breaking5.11.5 → 6.1.22Breaking2New19Changed14Fixed127Other3
BreakingUpgrade verdict
2 breaking changes.
In plain terms
- You no longer need to load FullCalendar's stylesheet yourself, because the library adds its styles automatically.
- @fullcalendar/icalendar now requires ical.js as a peer dependency.
Must act 2 items need code or config changes
@fullcalendar/react publishes an official migration guide for version 6. It covers more than the release notes do.
Migration guide ↗Drops @fullcalendar/common, tslib.
Installs 0 packages in all (was 2).
What you must change
Breaking2
FullCalendar no longer imports .css files; its JS now injects its own CSS instead.
@fullcalendar/icalendar now requires ical.js as a peer dependency.
@fullcalendar/icalendarical.jsAPI changes
Generated by DepDelta from published .d.ts files. Not mixed with prose notes.
- removed:
function FullCalendarVDom.flushSync(callback: () => void): void - removed:
function FullCalendarVDom.unmountComponentAtNode(node: HTMLElement): void - removed:
import Component = react.Component - removed:
import ComponentType = react.ComponentType - removed:
import Context = react.Context - removed:
import Fragment = react.Fragment - removed:
import JSX = ReactJSX - removed:
import Ref = react.Ref - removed:
import RefObject = react.RefObject - removed:
import VNode = react.ReactNode - removed:
import createContext = react.createContext - removed:
import createElement = react.createElement - removed:
import createPortal = reactDom.createPortal - removed:
import createRef = react.createRef - removed:
import render = reactDom.render - removed:
namespace FullCalendarVDom - removed:
namespace createElement - removed:
type FullCalendarVDom.ComponentChild = ReactComponentChild - removed:
type FullCalendarVDom.ComponentChildren = ReactComponentChild | ReactComponentChild[] - removed:
type FullCalendarVDom.VUIEvent = react.UIEvent
- added:
default class FullCalendar extends Component<CalendarOptions, CalendarState> - added:
method FullCalendar.cancelResize(): void - added:
method FullCalendar.componentDidMount(): void - added:
method FullCalendar.componentDidUpdate(): void - added:
method FullCalendar.componentWillUnmount(): void - added:
method FullCalendar.doResize(): void - added:
method FullCalendar.getApi(): CalendarApi - added:
method FullCalendar.render(): React.JSX.Element - added:
property FullCalendar.requestResize: () => void - added:
property FullCalendar.state: CalendarState - added:
static property FullCalendar.act: typeof runNow
- removed:
default class FullCalendar extends React.Component<CalendarOptions> - removed:
export * from '@fullcalendar/common' - removed:
method FullCalendar.getApi(): CalendarApi - removed:
method FullCalendar.render(): JSX.Element
- removed:
declare global - removed:
function flushSync(callback: any): void - removed:
type ReactComponentChild = react.ReactNode | object | string | number | boolean | null | undefined