useEffect not triggered when data change

I have this :

  const { data: playlistItems } = usePlaylistItems(playlist?.id);
  const { data: isAllowedToEdit } = usePlaylistIsAllowedToEdit(playlist?.id);
  console.log('in table playlist items', playlistItems);
  React.useEffect(() => {
    console.log('new playlist items', playlistItems);
  }, [playlistItems]);

  const { data: playlistItems } = usePlaylistItems(playlist?.id);
  const { data: isAllowedToEdit } = usePlaylistIsAllowedToEdit(playlist?.id);
  console.log('in table playlist items', playlistItems);
  React.useEffect(() => {
    console.log('new playlist items', playlistItems);
  }, [playlistItems]);

  const { data: playlistItems } = usePlaylistItems(playlist?.id);
  const { data: isAllowedToEdit } = usePlaylistIsAllowedToEdit(playlist?.id);
  console.log('in table playlist items', playlistItems);
  React.useEffect(() => {
    console.log('new playlist items', playlistItems);
  }, [playlistItems]);

  const { data: playlistItems } = usePlaylistItems(playlist?.id);
  const { data: isAllowedToEdit } = usePlaylistIsAllowedToEdit(playlist?.id);
  console.log('in table playlist items', playlistItems);
  React.useEffect(() => {
    console.log('new playlist items', playlistItems);
  }, [playlistItems]);

When my

playlistItems

playlistItems

playlistItems

playlistItems change I can see the first

console.log

console.log

console.log

console.log but the one in

useEffect

useEffect

useEffect

useEffect isnt triggered.. why ? I check that because I have a react table showing

playlistItems

playlistItems

playlistItems

playlistItems but the table isnt updated when fresh data arrived...
Thx for your help !

useEffect not triggered when data change

Similar Threads

Similar Threads

Similar Threads