How to filter props with a regex?

[InamTaj]

I have performed a pretty standard integration of react-docgen-typescript-loader but it shows me all of the inherited props of the function as well. I was able to filter almost half of the props with specifying skipPropsWithoutDoc option in the webpack loader config. Now I'm still being shown the aria-* props which I need to skip. I tried placing regex in the skipPropsWithName option but to no avail.

Take a look:

As for the filtering function, I have no idea how to specify both of my requirements (filter by regex and filter undocumented props) in the filtering function. Any ideas?

Tech Stack:

• React v16
• Typescript v3.1.4
• Styled Components v9.7
• Storybook v4
• Babel v7

Thanks in advance for your help & time!

[OzairP]

Try this

module.exports = (baseConfig, env, config) => {
	// TypeScript support
	config.module.rules.push({
		test: /\.(ts|tsx)$/,
		include: path.resolve(__dirname, '../src'),
		use: [
			{
				loader: require.resolve('ts-loader'),
				options: {
					transpileOnly: true,
				},
			},
			{
				loader: require.resolve('react-docgen-typescript-loader'),
				options: {
					propFilter: props => props.parent && props.parent.fileName.startsWith('ui/src'),
				},
			},
		],
	})
	config.resolve.extensions.push('.ts', '.tsx')

	return config
}

For me, props.parent basename was ui/src but it might be different for you, console.log to find out.