ref.listen with asyncvalue

[angelru]

Hello, I'm new to riverpod

I'm using this code in my widget to display a snackbar when some error occurs in my asynchronous call:

    ref.listen<AsyncValue>(authNotifierProvider, (_, state) {
      showSnackbar(context, state.error.toString());
    });
    final state = ref.watch(authNotifierProvider);

If you press the button and make the call, it shows the error, but if I press it again the snackbar is shown twice, why does this happen? Is it because the state changes from true to false and the error is logged? What is the way to deal with it?

[rrousselGit]

Check state.isLoading

[angelru]

where do I check it? in the snackbar?

[rrousselGit]

In the listen callback

[angelru]

    ref.listen<AsyncValue>(authNotifierProvider, (_, state) {
if (state.isLoading)
      showSnackbar(context, state.error.toString());
    });

its ok??

[rrousselGit]

You want !state.isLoading

[angelru]

  ref.listen(authNotifierProvider, (_, state) {
      if (!state.isLoading && state.hasError) {
        showSnackbar(context, context.loc.loginError);
      }
    });

[LScodeblack]

ref.listen(authControllerProvider, (_, state) {
if (!state.isLoading && state.hasError) {
ScaffoldMessenger.of(context).showSnackBar(
SnackBar(
backgroundColor: Colors.red,
content: ErrorText(error: state.error)),
);
}
});

this still shows snackbar twice.