I am getting list on one side (Left side) suddenly.

[sensoft2207]

As I have integrated this lib in my project and it is working fine but somehow suddenly getting list on one side(Left side). I want this in two column as previous. So do you have any solution on this?

Thanks

[pROFESOR11]

+1
It works perfect on first render. Added items are rendered on single column though.

If you're going to render static data, then good to go!

As maintainer stated that s/he is not maintaining this project anymore, I am not expecting any solution and won't use this lib unluckily. I am writing this comment for those who is planning to use as it is.

[AkshayAdiga1997]

Sample example to solve the issue. notes can be changed dynamically. My notes will contain the entire notes array always. Might see some flicker though.

const setNotes = async () => {
    await masonryRef.current.clear();
    masonryRef.current.addItems(notes);
  };

  useEffect(() => {
    setNotes();
  }, [notes]);