Test multiple change into a stateProvider

main.dart

import 'package:flutter/material.dart';

import 'package:hooks_riverpod/hooks_riverpod.dart';

const Color darkBlue = Color.fromARGB(255, 18, 32, 47);

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

final countProvider = StateProvider((_) => 0);

class MyApp extends ConsumerWidget {
  @override
  Widget build(BuildContext context, ref) {
    print("Build");
    final value = ref.watch(countProvider);
    return MaterialApp(
      theme: ThemeData.dark().copyWith(
        scaffoldBackgroundColor: darkBlue,
      ),
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        body: Column(
          children: [
            Text(value.toString()),
            TextButton(
              onPressed: (){
                ref.read(countProvider.notifier).state++;
                ref.read(countProvider.notifier).state++;
                ref.read(countProvider.notifier).state++;
                ref.read(countProvider.notifier).state++;
              },
              child: const Text(
                'Incrementar',
                style: TextStyle(color: Colors.white),
              ),
            ),
          ],
        ),
      ),
    );
  }
}