AutoDisposeStreamProvider rebuilds the widget tree and reinvoces itself endlessly.

[Turbozanik]

Describe the bug
Every time AutoDisposeStreamProvider emits a value, my widget tree is rebuilt and AutoDisposeStreamProvider is invoked again.
Resulting in endless recursive AutoDisposeStreamProvider invocation.

To Reproduce
I have the follwoing provider:

  AutoDisposeStreamProvider<QuestionsDto> getQuestionsList(int questionCount) {
    return StreamProvider.autoDispose<QuestionsDto>((ref) {
      return _mGetQuestionListUseCase.call(questionCount);
    });
  }

It uses the follwoing repo:

class QuestionsRepositoryImpl extends QuestionsRepository {
  late QuestionsRetrofitService _mQuestionsRetrofitService;

  QuestionsRepositoryImpl(QuestionsRetrofitService retrofitService) {
    _mQuestionsRetrofitService = retrofitService;
  }

  @override
  Stream<QuestionsDto> getQuestions(int recordsCount) {
    return Stream.fromFuture(_mQuestionsRetrofitService.getQuestions(recordsCount, "view")).asyncMap((value) {
      return QuestionsToQuestionsDtoTransformer().transform(value);
    });
  }
}

Them I am watching this provider in my widget tree like this:

  @override
  Widget build(BuildContext context, WidgetRef ref) {
    AsyncValue<QuestionsDto> response = ref.watch(_mViewModel.getQuestionsList(1)); //<-----------

    return Container(
        width: MediaQuery.of(context).size.width,
        child: Stack(
          children: [
            //background
            LayoutBuilder(builder: (BuildContext context, BoxConstraints constraints) {
              return Container(height: constraints.maxHeight, color: QuizTimeColors.background_purple);
            }),
            response.when(data: (data) { //<-----------
              return getDataWidget(ref);
            }, error: (stack, error) {
              return Text("");
            }, loading: () {
              return Text("");
            })
          ],
        ));
  }

Expected behavior
I have expected that the AutoDispose StreamProvider will be invoked once and thats it.

It feels like I am just using something wrong, if so please, point me into the right direction.

[rrousselGit]

You're misusing providers. Providers should be global finals, not obtained from functions

Something like getQuestionsList is not reasonable and is the cause of your problem (since you're effectively creating a new provider everytimes).
Instead make a global variable

[Turbozanik]

Either I am making one more mistake, or there is something else. I Have changed my provider to be the following:

  final questionProvider = StreamProvider.autoDispose.family<QuestionsDto, Pair<GetQuestionListUseCase, int>>((ref, pair) {
    return pair.left.call(pair.right);
  });

And it still behaves just the same.

[rrousselGit]

This is a global variable right? Not a property of an object

[shahmirzali49]

@rrousselGit I also have like this issue, my variable is global

final providerSteam = StreamProvider.autoDispose<String>((ref) async* {
  int indexim = 0;
  StreamController controller = StreamController();
  final listString = await ProfileService().functim();
  Future<String> callback() async {
    if (indexim != listString.indexOf(listString.last)) {
      indexim++;
    } else if (indexim == listString.indexOf(listString.last)) {
      indexim = 0;
    }
    print('finished: ${indexim} ${listString.elementAt(indexim)}');
    return listString.elementAt(indexim);
  }

  log("bomb has plantd $listString");
  if (listString.length > 1) {
    yield listString.elementAt(indexim);
    yield* Stream.periodic(
      const Duration(seconds: 5, milliseconds: 500),
      (_) {
        return callback();
      },
    ).asyncMap((event) => event);
  }
});

[shahmirzali49]

by the way, I'm using ConsumerStatefulWidget but I also used Consumer on my page. I removed my ref.watch inner Consumer and wrote after build. and now there is no problem. But I wonder when I want to use only consumer in specific widget what I will be do for this error ? ( rebuilding )