Addon-docs: Remove undefined from optional values in Typescript Props

examples/official-storybook/components/OptionalButton.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+
+// Repro #11019
+interface Props {
+  kind?: 'a' | 'b';
+  disabled?: boolean;
+}
+
+export const OptionalButton = ({ disabled = false, kind = 'a' }: Props) => (
+  // eslint-disable-next-line react/button-has-type
+  <button {...{ disabled }}>Repro</button>
+);
+
+export default OptionalButton;

examples/official-storybook/stories/addon-docs/props.stories.mdx

@@ -4,6 +4,7 @@ import { DocgenButton } from '../../components/DocgenButton';
 import { ButtonGroup, SubGroup } from '../../components/ButtonGroup';
 import { ForwardRefButton } from '../../components/ForwardRefButton';
 import { MemoButton } from '../../components/MemoButton';
+import { OptionalButton } from '../../components/OptionalButton';
 
 <Meta
   title="Addons/Docs/props"
@@ -160,3 +161,7 @@ export const Template = (args = {}) => (
 ## Component
 
 <Props of={DocgenButton} />
+
+## OptionalButton
+
+<Props of={OptionalButton} />

lib/core/src/server/config/defaults.js

@@ -3,6 +3,7 @@ export const typeScriptDefaults = {
   reactDocgen: 'react-docgen-typescript',
   reactDocgenTypescriptOptions: {
     shouldExtractLiteralValuesFromEnum: true,
+    shouldRemoveUndefinedFromOptional: true,
     propFilter: (prop) => (prop.parent ? !/node_modules/.test(prop.parent.fileName) : true),
   },
 };