Injecting provider into another provider?

[JakeStarkey]

After realizing ChatGPT gave me severely outdated code, I'm now attempting to update my project from StateProvider. But now I'm struggling to grasp how to actually create working providers and call them inside my ViewModel.

Before updating, I had a providers file which set up my GraphQLClient, my Repository for making calls, and a ViewModel with a StateProvider of a class that held the API call and the user's current choices made from choosing objects from the JSON.

It looked like this:

final graphQLClientProvider = Provider<GraphQLClient>((ref) { //set up the GraphQLClient }

    final client = ref.watch(graphQLClientProvider);
    return Repository(client: client);
    }

    final repository = ref.watch(repositoryProvider);
    return ViewModel(repository):
}

With each having a constructor that had "this.repository" or "this.provider", etc. to instantiate it in each different class. But now that my ViewModel is constructed like this:

class CreateCharacterViewModel extends _$CreateCharacterViewModel {
    FutureOr<CharacterCreationState> build() async {
      fetchItemsFromRepository();
    }
}```

I have no way of sending in the repository. Changing the repository calls to this also removes the option of using the graphQLProvider inside it: 

```@riverpod
Future<List<Items>> fetchRaces(FetchRacesRef ref) async {
  //set up GraphQL options and attempt to get data with graphQLProvider
    }
  };```

And if I change my GraphQLClient into an @riverpod provider, it always asks for a ref and removes the option to .query it after awaiting it. 

I know I'm probably missing a ton of information, but could someone point me in at least a direction?