diff --git a/website/src/pages/plugins/typescript/typescript-react-apollo.mdx b/website/src/pages/plugins/typescript/typescript-react-apollo.mdx
index e71f218f89e..8b018070bab 100644
--- a/website/src/pages/plugins/typescript/typescript-react-apollo.mdx
+++ b/website/src/pages/plugins/typescript/typescript-react-apollo.mdx
@@ -16,6 +16,12 @@ We now recommend using the `client-preset` package for a **better developer expe
 
 </Callout>
 
+<Callout type="warning">
+
+The generated hooks created by this package are no longer compatible with Apollo Client 4.0. We provide a codemod that automates the the migration to the `client` preset. See the [tutorial video](https://youtu.be/GGmt0hvnQNU?si=4DQEyqc24pfiih9J) to learn how to use the codemod to migrate your codebase.
+
+</Callout>
+
 <PluginHeader />
 <PluginApiDocs />