diff --git a/docs/framework/angular/quick-start.md b/docs/framework/angular/quick-start.md
index d31a97e65d..dd3ecb5427 100644
--- a/docs/framework/angular/quick-start.md
+++ b/docs/framework/angular/quick-start.md
@@ -12,8 +12,11 @@ If you're looking for a fully functioning example, please have a look at our [ba
 ### Provide the client to your App
 
 ```ts
+import {provideHttpClient} from '@angular/common/http';
+import {provideAngularQuery, QueryClient} from '@tanstack/angular-query-experimental'
+
 bootstrapApplication(AppComponent, {
-  providers: [provideAngularQuery(new QueryClient())],
+  providers: [provideHttpClient(), provideAngularQuery(new QueryClient())],
 })
 ```
 
@@ -45,6 +48,7 @@ import {
   `,
 })
 export class TodosComponent {
+  todoService = inject(TodoService)
   queryClient = injectQueryClient()
 
   query = injectQuery(() => ({