diff --git a/.changeset/big-garlics-run.md b/.changeset/big-garlics-run.md
new file mode 100644
index 0000000..9452aaa
--- /dev/null
+++ b/.changeset/big-garlics-run.md
@@ -0,0 +1,5 @@
+---
+'@strapi/sdk-plugin': minor
+---
+
+make react deps compatible with design system
diff --git a/src/cli/commands/plugin/init/action.ts b/src/cli/commands/plugin/init/action.ts
index 7ec77fc..a2dcb87 100644
--- a/src/cli/commands/plugin/init/action.ts
+++ b/src/cli/commands/plugin/init/action.ts
@@ -364,10 +364,10 @@ const getPluginTemplate = ({ suggestedPackageName }: PluginTemplateOptions) => {
 
                   pkgJson.devDependencies = {
                     ...pkgJson.devDependencies,
-                    react: '*',
-                    'react-dom': '*',
-                    'react-router-dom': '*',
-                    'styled-components': '*',
+                    react: '^17.0.0 || ^18.0.0',
+                    'react-dom': '^17.0.0 || ^18.0.0',
+                    'react-router-dom': '^6.0.0',
+                    'styled-components': '^6.0.0',
                   };
 
                   pkgJson.peerDependencies = {