ref.read() gets previous state, instead of the same value as next from ref.listen()

[JifScharp]

Describe the bug
I am listening for a state change, and when it occurs triggering some separate logic to do some more complex checks on the state. However, ref.listen() is updated, but when triggering the other code, the ref.read() gets the previous value.

It appears to only happen for AsyncValue.

To Reproduce

//example_provider.dart
import 'package:flutter/foundation.dart';
import 'package:riverpod_annotation/riverpod_annotation.dart';

part 'example_provider.g.dart';

@riverpod
class Example extends _$Example {
  int counter = 0;

  @override
  Future<String> build() async {
    return "$counter";
  }

  void increment() {
    debugPrint("Updated counter from $counter to ${++counter}");
    state = AsyncData("$counter");
  }
}

//watcher_provider.dart
import 'package:flutter/foundation.dart';
import 'package:riverpod_annotation/riverpod_annotation.dart';

import 'example_provider.dart';

part 'watcher_provider.g.dart';

@riverpod
void eventWatcher(EventWatcherRef ref) {
  ref.listen(exampleProvider, (previous, next) async {
    final readValue = await ref.read(exampleProvider.future);
    debugPrint(
        "Previous: ${previous?.valueOrNull}, next: ${next.valueOrNull}, read: $readValue");
  });
}

//main.dart
import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:mre_riverpod_outdated_read/example_provider.dart';

import 'watcher_provider.dart';

void main() {
  runApp(
    const ProviderScope(
      child: RiverpodEagerInit(
        child: MyApp(),
      ),
    ),
  );
}

class RiverpodEagerInit extends ConsumerWidget {
  const RiverpodEagerInit({super.key, required this.child});

  final Widget child;

  @override
  Widget build(BuildContext context, WidgetRef ref) {
    ref.watch(eventWatcherProvider);

    return child;
  }
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
        useMaterial3: true,
      ),
      home: const MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }
}

class MyHomePage extends ConsumerWidget {
  const MyHomePage({super.key, required this.title});

  final String title;

  @override
  Widget build(BuildContext context, WidgetRef ref) {
    final counter = ref.watch(exampleProvider).maybeWhen(
          data: (data) => data,
          orElse: () => "-1",
        );

    return Scaffold(
      appBar: AppBar(
        backgroundColor: Theme.of(context).colorScheme.inversePrimary,
        title: Text(title),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            const Text(
              'You have pushed the button this many times:',
            ),
            Text(
              counter,
              style: Theme.of(context).textTheme.headlineMedium,
            ),
          ],
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: ref.read(exampleProvider.notifier).increment,
        tooltip: 'Increment',
        child: const Icon(Icons.add),
      ),
    );
  }
}

From debugging:

flutter: Previous: null, next: 0, read: 0
flutter: Updated counter from 0 to 1      // button pressed
flutter: Previous: 0, next: 1, read: 0    // bug occurs, expected read to get "1"

Expected behavior
ref.read() gets the same value as ref.listen() next

[rrousselGit]

Could you share something I can run?

[JifScharp]

I have updated the code, and pasted in a reproducible example