ref.invalidate(familyProvider) is not working with scoped providers

[thiagokisaki]

Describe the bug
ref.invalidate(familyProvider) doesn't seem to work properly when using scoped providers. The problem happens when nesting a ProviderScope inside others.

The reason I'm using many ProviderScopes is that I want to override providers dynamically based on a runtime check. For example, switch from a network and a local implementation of a service, in an app that works both offline with a local database or consuming an API.

I am not sure if this is a bug or a misunderstanding from my part. If I am wrong, I'd appreciate feedback on what I could do to fix the problem.

To Reproduce
I created a simple todo app to demonstrate the problem. Please read the comments in the code.
https://dartpad.dev/?id=b0cbe8e4d8869e181df00ebd5873c0cc

Expected behavior
I expect ref.invalidate(familyProvider) to work even when using scoped providers.

[johnstef99]

I came across this one too, here is a simpler way to reproduce the bug only using riverpod in dart:

import 'package:riverpod/riverpod.dart';
import 'package:test/test.dart';

void main() {
  test('working invalidating family', () {
    final someProvider = Provider((ref) {
      print('someProvider');
      ref.onDispose(() => print('someProvider disposed'));
    });
    final familyProvider = Provider.family((ref, a) {
      ref.watch(someProvider);
      print('familyProvider $a');
      ref.onDispose(() => print('familyProvider $a disposed'));
    }, dependencies: [someProvider]);

    final root = ProviderContainer();
    final container = ProviderContainer(
      parent: root,
    );

    container.read(familyProvider(1));
    container.invalidate(familyProvider);
  });

  test('not working invalidating family', () {
    final someProvider = Provider((ref) {
      print('someProvider');
      ref.onDispose(() => print('someProvider disposed'));
    });
    final familyProvider = Provider.family((ref, a) {
      ref.watch(someProvider);
      print('familyProvider $a');
      ref.onDispose(() => print('familyProvider $a disposed'));
    }, dependencies: [someProvider]);

    final root = ProviderContainer();
    final container = ProviderContainer(
      parent: root,
      overrides: [
        someProvider.overrideWith((ref) {
          print('someProvider override');
          ref.onDispose(() => print('someProvider override disposed'));
        })
      ],
    );

    container.read(familyProvider(1));
    container.invalidate(familyProvider);
  });
}