AWS Amplify API with GraphQL access rules defined but not working

I’m using AWS Amplify API with GraphQL in my Flutter app and I have defined a GraphQL schema with the following access rules:

• Any user, authenticated or not, can read all UserProfiles.
• Only the owner can create, read, update, and delete their own UserProfile.

I am authenticating users with amplify_auth_cognito using Email.

This is the schema

type UserProfile @model @auth(rules: [
   { allow: public, operations: [read]}, 
   { allow: owner } ]) {
  content: String
}

Currently

Authenticated user can create the user profile but they can only read the one that they have created themselves

Authenticated users can’t read any other user profile created by another user

When Unauthenticated users try to read the data I get the following message in visual studio,

Query failed: UnknownException {
  "message": "unable to send GraphQLRequest to client.",
   "underlyingException": "SignedOutException {n  "message": "No user is currently signed in"n}"
 }

This how i create a UserProfile and it is saving in the backend,

Future<void> createUserProfile() async {
  try {
    final user = UserProfile(content: nameController.text);
    final request = ModelMutations.create(user);
    final response = await Amplify.API.mutate(request: request).response;

    final createdUserProfile = response.data;
    if (createdUserProfile == null) {
      safePrint('errors: ${response.errors}');
      return;
    }
    safePrint('Mutation result: ${createdUserProfile.content}');
  } on ApiException catch (e) {
    safePrint('Mutation failed: $e');
  }
}

this is how i read a UserProfile,

Future<List<UserProfile?>> queryUserProfile() async {
  try {
    final request = ModelQueries.list(UserProfile.classType);
    final response = await Amplify.API.query(request: request).response;

    final userProfiles = response.data?.items;
    if (userProfiles == null) {
      safePrint('errors: ${response.errors}');
      return const [];
    }
    print(userProfiles);
    return userProfiles;
  } on ApiException catch (e) {
    safePrint('Query failed: $e');
    return const [];
  }
}

I know when trying to read as an Unauthenticated user the error that is printed out is something to do with SignedOutException
but i thought that public rule i set means i don’t need to be signed in as a user

I’m a very new at AWS Amplify and Flutter any help would be appreciated