fullcalendar-vue: After the recent upgrade to v4.2.0 events are not rendered anymore.

Hey!

Great Vue component, however after I upgraded from v4.1.1 to v4.2.0 my events are not rendered anymore. What’s more I also got some deprecation warnings

Use of datesRender as an event is deprecated. Please convert to a prop.
Use of eventRender as an event is deprecated. Please convert to a prop.
Use of viewSkeletonRender as an event is deprecated. Please convert to a prop.

Could you please make a working example with 4.2.0 or at least explain what needs to be modified in order for the events to render?

Could it be related to the fact that I initialise FullCalendar with an empty events array and am then loading my events in Vue’s mounted() lifecycle hook?

Thanx!

About this issue

  • Original URL
  • State: closed
  • Created 5 years ago
  • Comments: 25 (8 by maintainers)

Most upvoted comments

4.2 seems broken. Resources are not shown anymore, even if I use props instead of an event (or no renderer at all). It’s also undocumented. I’d guess we have to wait a little bit longer 😃

I’m glad everything is seems to be fixed.

I needed to publish another patch release 4.2.2 because I noticed another bug related to event objects with Date objects. Please upgrade to 4.2.2.

Closing this issue. Please open a new ticket if you experience continued problems.

@techouse whatever you had previous in regards to datesRender/eventRender/viewSkeletonRender should continue to work fine. eventually, I’ll want you to write:

<FullCalendar :datesRender="myDatesRenderFunc" />

@doncatnip, what’s undocumented?

@doncatnip @arshaw That’s exactly the problem. For testing I passed an empty array to the resources prop and called a window.setTimeout to fill that array with resources. But the changes do not take effect and the resources never appear.

@ColdIce1, thanks for the recreation. I now see the problem. It’s a bug with accepting functions for events/resources. The new algorithm relies on recursively copying some of the props, and that doesn’t work for functions. As soon as I’m confident there’s no other causes for this bug and related bugs, I’ll get to work on a fix.

@jameshood118, it looks like you’re hoping the JSON at https://jsonplaceholder.typicode.com/todos/1 would render events, but it’s not a valid array of valid event objects, so it won’t render anyway.

I just released 4.2.1. I believe I fixed everything. Thanks for the bug reports.

Could you all PLEASE CONFIRM this release fixes your issues?

I will fix this ASAP, but I need a reduced test case.

Here are some 4.2.0 debug templates I made

Both of these examples seem to work fine with 4.2.0

I need more info from you before i can fix

Can confirm, but its not just an upgrade issue, my team switched over to this from a different component, which was a wrapper for fullcalendar). I can get events to render when i manually set an array of objects on vue data, however, our data comes from a graphql query, data is being passed into the component, but is not displaying the events