From 3c6a54c494bb8ff15f332ff2d44e9f6465a6c19a Mon Sep 17 00:00:00 2001
From: Jeff Wen <3297859+sinchang@users.noreply.github.com>
Date: Tue, 19 Jul 2022 14:48:00 +0800
Subject: [PATCH] fix: fix duplicate plugin/preset detected error (#747)

Closes: #746
---
 packages/babel-preset/src/index.test.ts | 20 ++++++++++++++++++++
 packages/babel-preset/src/index.ts      |  2 +-
 2 files changed, 21 insertions(+), 1 deletion(-)

diff --git a/packages/babel-preset/src/index.test.ts b/packages/babel-preset/src/index.test.ts
index bf09b86d..8460c9fe 100644
--- a/packages/babel-preset/src/index.test.ts
+++ b/packages/babel-preset/src/index.test.ts
@@ -132,6 +132,26 @@ describe('preset', () => {
     `)
   })
 
+  it('handles descProp and titleProp', () => {
+    expect(
+      testPreset('<svg></svg>', {
+        titleProp: true,
+        descProp: true,
+      }),
+    ).toMatchInlineSnapshot(`
+      "import * as React from \\"react\\";
+
+      const SvgComponent = ({
+        title,
+        titleId,
+        desc,
+        descId
+      }) => <svg aria-labelledby={titleId} aria-describedby={descId}>{desc ? <desc id={descId}>{desc}</desc> : null}{title ? <title id={titleId}>{title}</title> : null}</svg>;
+
+      export default SvgComponent;"
+    `)
+  })
+
   it('handles replaceAttrValues', () => {
     expect(
       testPreset('<svg a="#000" b="#fff" />', {
diff --git a/packages/babel-preset/src/index.ts b/packages/babel-preset/src/index.ts
index aa8faf58..c77b2396 100644
--- a/packages/babel-preset/src/index.ts
+++ b/packages/babel-preset/src/index.ts
@@ -143,7 +143,7 @@ const plugin = (_: ConfigAPI, opts: Options) => {
   }
 
   if (opts.descProp) {
-    plugins.push([svgDynamicTitle, { tag: 'desc' }])
+    plugins.push([svgDynamicTitle, { tag: 'desc' }, 'desc'])
   }
 
   if (opts.native) {