TS forwardRef support

The following input:

import React, { forwardRef } from 'react';

interface ButtonProps {
  variant?: 'small' | 'large';
  disabled?: boolean;
  children: React.ReactNode;
}

export const Button = forwardRef<HTMLButtonElement, ButtonProps>(function Button(
  { disabled = false, variant = 'small', children },
  ref
) {
  return (
    <button type="button" disabled={disabled} ref={ref}>
      {children} {variant}
    </button>
  );
});

Produces:

{}

It's come up several times in Storybook: https://github.com/storybookjs/storybook/issues/8894 and https://github.com/storybookjs/storybook/issues/9511

Filed from https://github.com/storybookjs/storybook/pull/24165

Lesen Sie zuerst die bereitgestellte TypeScript/React forwardRef-Reproduktion und verfolgen Sie den Parser-Einstiegspunkt, der sie in {} umwandelt. Vergleichen Sie die zugehörigen Storybook-Berichte mit dem erwarteten Verhalten. Als erledigt gilt die Aufgabe, wenn diese Eingabe erkannt wird, statt {}, zu erzeugen, und ein Regressionstest das Ergebnis abdeckt.