fix: react-docgen clean quotes on default value

ccontrols · May 17, 2021 · 237df70 · 237df70
1 parent c45a3e6
commit 237df70
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 0 deletions.
diff --git a/props-info/react-docgen/src/transform-props.ts b/props-info/react-docgen/src/transform-props.ts
@@ -19,6 +19,9 @@ const rdPropToCCProp = (rdProp: RdPropInfo): PropType => {
   }
   if (rdProp.defaultValue !== null && rdProp.defaultValue !== undefined) {
     prop.defaultValue = rdProp.defaultValue.value ?? rdProp.defaultValue;
+    if (typeof prop.defaultValue === 'string') {
+      prop.defaultValue = cleanQuotes(prop.defaultValue);
+    }
   }
   let type: Partial<TypeInformation> = {};
   if (rdProp.type) {

diff --git a/props-info/react-docgen/test/__snapshots__/prop-types.test.ts.snap b/props-info/react-docgen/test/__snapshots__/prop-types.test.ts.snap
@@ -44,6 +44,7 @@ are all optional.",
       },
     },
     "optionalEnum": Object {
+      "defaultValue": "News",
       "description": "You can ensure that your prop is limited to specific values by treating
 it as an enum.",
       "type": Object {

diff --git a/props-info/react-docgen/test/fixtures/prop-types/prop-types.js b/props-info/react-docgen/test/fixtures/prop-types/prop-types.js
@@ -104,6 +104,7 @@ MyComponent.propTypes = {
 
 MyComponent.defaultProps = {
   optionalNumber: 21,
+  optionalEnum: 'News',
 };
 
 export default MyComponent;