the events are not showing

Hi,

I’m using kalend with next.js and for that I had to use the dynamic function to not render server-side.

I’m trying to display events from a fixed state and yet I don’t know what I might be doing wrong as they aren’t being displayed.

Any suggestions?

const KalendWithNoSSR = dynamic(
  () => import('@/src/components/pages/kalend'),
  { ssr: false }
)

No error is shown. Thank you.

[nibdo]

Thanks, I checked it. I could make it work, you just have to be sure that parent elements have some height.

For start, try to set body and all parent elements to width, height 100% and then you can adjust it to your needs. Basically Kalend has default height and width to 100% and it is inheriting it from your parent element/s. Or you can also set hard values like height: 500px for “<main>” but I think most people need something more dynamic.

Didn’t look at how is this element with id “#__next” used, but you might set it to some height and width too, because by default it doesn’t have width, height.

[kengkreingkrai]

In my case, I need to calculate the parent’s height for the Kalend But for the first time, Kalend has rendered there are no events displayed, I have to do something that will refresh the Kalend size to get it work

Anyway, I saw the height of Kelend always equals zero for the first time. (the onStateChange props)

So, I do something for workaround