toast message when state change react

Question

Hi,

I want to show toast messge when state change.i cant use toast in useeffect its rerendering .

  useLayoutEffect(() => {

    getData({})

  }, [filteredDataSource]);

when filteredDatasource update toast will appear so i add like this.

  useLayoutEffect(() => {

    getData({})

    toast.show("new notification", {

        type: "success",

        placement: "top",

        duration: 2000,

        animationType: "slide-in",

        textStyle:'color:#fff'

      });

  }, [filteredDataSource]);

but it has error - TypeError: undefined is not a function (near '...toast.show...')

can anyone solve this