Using backticks for default value in source file will get rendered wrong

[Leravig]

If using backticks for default values in the source file they will get rendered with backticks and double quotes instead of just one of them.

With backticks

With double quotes

Component file for minimal reproduction (React 17)

import { Alert as MuiAlert} from '@mui/material'
import {ComponentProps, VoidFunctionComponent} from 'react'

export const Infobox : VoidFunctionComponent<
	 {
		children?: ComponentProps<typeof MuiAlert>[`children`]
		severity?: ComponentProps<typeof MuiAlert>[`severity`]
	}
> = ({
	// eslint-disable-next-line quotes
	severity = `info`,
	...props
}) => (
	<MuiAlert
		{...props}
		severity={severity}
	/>
)

[ndelangen]

@Leravig can you check if this problem still exists on the latest 7.0 beta? 🙏

[Leravig]

@ndelangen I will give it a try the next days / weeks

[Leravig]

@ndelangen sorry for the delay. I tested it today with storybook v7.0.6 and it is still there
Changes: I am using react 18.2.0

[ndelangen]

I see, that's unfortunate, can you supply a reproduction repository?

[Leravig]

@ndelangen here is the repository