Getting trouble with supabase auth with riverpod

[salvatorecalo]

Hi,
I'm getting trouble wth implementing the auth flow in my app with supabase combined with riverpod.

This is the provider the listen the supabase auth events stream:

final authSessionProvider = StreamProvider<Session?>((ref) {

  return supabase.auth.onAuthStateChange.map((event) => event.session).distinct();
});

this is my register form in which user register their account:

class RegisterForm extends ConsumerStatefulWidget {
  const RegisterForm({super.key});

  @override
  ConsumerState<RegisterForm> createState() => _RegisterFormState();
}

class _RegisterFormState extends ConsumerState<RegisterForm> {
  final _key = GlobalKey<FormState>();
  final TextEditingController _emailController = TextEditingController();
  final TextEditingController _passwordController = TextEditingController();
  final TextEditingController _retypePasswordController = TextEditingController();
  final TextEditingController _nameController = TextEditingController();
  bool _obscureText = true;

  @override
  Widget build(BuildContext context) {
    final errorForm = ref.watch(authErrorProvider);
    return Container(
      margin: const EdgeInsets.symmetric(horizontal: 18, vertical: 20),
      child: Form(
        key: _key,
        child: Column(
          spacing: 20,
          children: [
            Text(
              "Register to enjoy the wellness!",
              style: TextStyle(
                fontWeight: FontWeight.bold,
                fontSize: MediaQuery.of(context).size.width * 0.06,
              ),
            ),
            errorForm != null
                ? Text(
                    errorForm,
                    style: TextStyle(
                      color: Colors.red,
                      fontWeight: FontWeight.bold,
                    ),
                  )
                : SizedBox.shrink(),
            TextFormField(
              autovalidateMode: AutovalidateMode.onUserInteraction,
              controller: _nameController,
              validator: (value) {
                if (value!.isEmpty) {
                  return "Name can't be empty";
                }
                return null;
              },
              decoration: InputDecoration(
                border: OutlineInputBorder(),
                prefixIcon: Icon(Icons.person),
                hintText: "Enter your name",
                labelText: "Name",
              ),
            ),
            TextFormField(
              autovalidateMode: AutovalidateMode.onUserInteraction,
              controller: _emailController,
              validator: (value) {
                if (value!.isEmpty) {
                  return "Mail can't be empty";
                } else if (!value.contains("@")) {
                  return "mail must contain a @";
                }
                return null;
              },
              decoration: InputDecoration(
                border: OutlineInputBorder(),
                prefixIcon: Icon(Icons.email),
                hintText: "Enter your email",
                labelText: "Email",
              ),
            ),
            TextFormField(
              autovalidateMode: AutovalidateMode.onUserInteraction,
              controller: _passwordController,
              validator: (value) {
                if (value == null || value.isEmpty) {
                  return "Password can't be empty";
                }
                if (value.length < 8 || value.length > 72) {
                  return "Password must be from 8 to 72 characters";
                }
                if (!RegExp(r'[A-Z]').hasMatch(value)) {
                  return "Password must contain at least one uppercase letter";
                }
                if (!RegExp(r'[a-z]').hasMatch(value)) {
                  return "Password must contain at least one lowercase letter";
                }
                if (!RegExp(r'[0-9]').hasMatch(value)) {
                  return "Password must contain at least one number";
                }
                if (!RegExp(r'[!@#$%^&*(),.?":{}|<>]').hasMatch(value)) {
                  return "Password must contain at least one special character";
                }
                return null;
              },
              obscureText: _obscureText,
              decoration: InputDecoration(
                border: OutlineInputBorder(),
                prefixIcon: Icon(Icons.key),
                hintText: "Enter your password",
                labelText: "Password",
                suffixIcon: IconButton(
                  onPressed: () {
                    setState(() {
                      _obscureText = !_obscureText;
                    });
                  },
                  icon: Icon(
                    _obscureText ? Icons.visibility : Icons.visibility_off,
                  ),
                ),
              ),
            ),
            TextFormField(
              autovalidateMode: AutovalidateMode.onUserInteraction,
              controller: _retypePasswordController,
              validator: (value) {
                if (value == null || value.isEmpty) {
                  return "Retype password can't be empty";
                }
                if (_retypePasswordController.text.trim() != _passwordController.text.trim()) {
                  return "Password doesn't match";
                }
                return null;
              },
              obscureText: _obscureText,
              decoration: InputDecoration(
                border: OutlineInputBorder(),
                prefixIcon: Icon(Icons.key),
                hintText: "Retype your password",
                labelText: "Retype password",
                suffixIcon: IconButton(
                  onPressed: () {
                    setState(() {
                      _obscureText = !_obscureText;
                    });
                  },
                  icon: Icon(
                    _obscureText ? Icons.visibility : Icons.visibility_off,
                  ),
                ),
              ),
            ),
            ElevatedButton(
              onPressed: () async {
                if (_key.currentState!.validate()) {
                  final authController = ref.read(authControllerProvider);
                  final errorMessage = await authController.signUpNewUser(
                    _emailController.text.trim(),
                    _passwordController.text.trim(),
                    _nameController.text.trim(),
                  );
                  ref.read(authErrorProvider.notifier).setError(errorMessage);
                  if (errorMessage == "") {
                    ref.read(userInfoProvider.notifier).insertProfiles(_nameController.text.trim(), "");
                    // Aspetta che supabase emetta l'evento di auth change
                    await supabase.auth.onAuthStateChange.first;
                  }
                }
              },
              style: ElevatedButton.styleFrom(
                minimumSize: Size(double.infinity, 50),
                backgroundColor: black,
              ),
              child: Text("Register", style: TextStyle(color: white)),
            ),
            TextButton(
              onPressed: () {
                Navigator.push(
                  context,
                  MaterialPageRoute(builder: (context) => ProviderScope(
                    overrides: [
                      authErrorProvider.overrideWith(AuthErrorNotifier.new),
                    ],
                    child: const LoginPage(),
                  ),),
                );
              },
              child: Text("Already have an account? Login"),
            ),
          ],
        ),
      ),
    );
  }
}

I want to know why when a user got registered ui doesn't automatically navigate to home page (If i do an hot restart it works).
When I do a login it works fine and autonavigation works and I do the same thing

I attach down the code of the login button

 onPressed: () async {
                if (_key.currentState!.validate()) {
                  final authController = ref.read(authControllerProvider);
                  final errorMessage = await authController.signIn(
                    _emailController.text.trim(),
                    _passwordController.text.trim(),
                  );
                  ref.read(authErrorProvider.notifier).setError(errorMessage);
                }
              },

The Authguard that I pass in home of the material app just do a ref.watch(authSessionProvider) and based on the value redirect to login page if is null or to home page

Thanks to everyone that helps me