diff --git a/src/hooks/useComponentDoc.js b/src/hooks/useComponentDoc.js index 4c9fad556..9753b3d16 100644 --- a/src/hooks/useComponentDoc.js +++ b/src/hooks/useComponentDoc.js @@ -1,6 +1,6 @@ import { useMemo } from 'react'; import { SPECIAL_NUMBERS } from '../utils/propConstants'; -import { getNormalizedTypeName } from '../utils/propTypeInfo'; +import { getNormalizedTypeName, getRawTypeName } from '../utils/propTypeInfo'; const IGNORED_METHODS = [ 'prototype', @@ -30,7 +30,7 @@ const extractPropTypes = (component) => { description: propDocs.text, isRequired: propMeta.some((item) => item.name === 'isRequired'), type: { - meta: type, + raw: getRawTypeName(propType), name: getNormalizedTypeName(propType), }, defaultValue, diff --git a/src/utils/propTypeInfo.js b/src/utils/propTypeInfo.js index a59f711ae..c1d96411f 100644 --- a/src/utils/propTypeInfo.js +++ b/src/utils/propTypeInfo.js @@ -5,8 +5,10 @@ const getArgs = (propType) => const isUnion = (typeName) => typeName.includes(UNION_DELIMITER); +export const getRawTypeName = (propType) => propType.__reflect__[1].name; + export const getNormalizedTypeName = (propType) => { - const [_, { name }] = propType.__reflect__; + const name = getRawTypeName(propType); switch (name) { case 'bool': @@ -32,4 +34,3 @@ export const getNormalizedTypeName = (propType) => { return name; } }; -