Plugin comments

[karlo-humanmanaged]

Hi, I have tried using your mintlify plugin in VSCode and it is amazing. I just noticed that it doesn't correctly recognize react components that are ref forwarded. Although it gave a gist of what the component is, it didn't generate a correct JSDoc that shows its parameters and return types.
Also, I'm comparing the description that your plugin generates vs the description generated by another plugin (CodeGPT)
I'm not sure if you are using openai under the hood, but codegpt does. (you are required to have a paid openai account)
Here's an example of the description from your plugin:

/**
 * It takes a data name, a mapper function, and a default data value, and returns a
 * `UseComponentDataResult` object that contains a `showComponent` boolean, a `componentData` value,
 * and a `componentStatus` value
 * @param {string} dataName - The name of the data you want to use.
 * @param mapper - A function that maps the data from the data source to the component data.
 * @param {TComponentData | null} [defaultData] - The default data to use if the data is not available.
 * @param {HMDataComponentStatus} [defaultStatus] - The default status to use if the status is not
 * found in the store.
 * @returns An object with the following properties:
 * - showComponent: boolean
 * - componentData: TComponentData
 * - componentStatus: HMDataComponentStatus
 */

codeGPT generates this:

/**
 * useMappedComponentData is a custom hook that takes in a dataName, mapper, defaultData, and defaultStatus. 
 * It uses the useMappedSelector and useSelector hooks to get the data and status from the store. 
 * The shouldShowComponent hook is then used to determine whether or not to show the component based on the status and data. 
 * The result is returned as an object containing showComponent, componentData, and componentStatus.

both are generated from this code:

export const useMappedComponentData = <TDataSource, TComponentData>(
  dataName: string,
  mapper: StrictSchema<TComponentData, TDataSource>,
  defaultData?: TComponentData | null,
  defaultStatus?: HMDataComponentStatus
): UseComponentDataResult<TComponentData> => {
  const data = useMappedSelector<TDataSource, TComponentData>(dataName, defaultData, mapper);
  const status = useSelector(`${dataName}__status`) ?? defaultStatus;
  const result = shouldShowComponent<TComponentData>(status, data);

  return {
    showComponent: result.showComponent,
    componentData: result.componentData,
    componentStatus: result.status,
  };
};