Error when generating a new user-story project

[DvirH]

Problem
I'm getting the following error when running yarn: backend dev command for a new user story:

generateComponents start
generateSkeletonCompositionFromStory: generating configuration
generateSkeletonCompositionFromStory: composition saved
generateComponentsConfigurations: generating configuration
TypeError: uiComponents.filter is not a function
    at C:\Projects\react.agent\backend\main\react-agent\generateComponentsConfigurations.ts:43:47
    at Generator.next (<anonymous>)
    at fulfilled (C:\Projects\react.agent\backend\main\react-agent\generateComponentsConfigurations.ts:5:58)
    at processTicksAndRejections (node:internal/process/task_queues:95:5)

How to reproduce?

1. Create a new directory with any name under frontend/main/src/react-agent
2. Clone the user story.md file from AnalyticsDashboard
3. run yarn: backend dev command

It seems like the components.json missing the uiComponent property for some of the components which leads to an error.

[mishraabhay2010]

Hi @DvirH
With gpt-3.5-turbo, looks like JSON array is returning in uiComponents.components object. Change this line and see result.
const existingComponents = uiComponents.components.filter(doesComponentExist);

Updated method :

const getFullConfigurations = async (component: Component) => {
try {
const uiComponents = await componentsPickerGenerator.pickComponents({
description: JSON.stringify(component),
});
// filter non existing components
const existingComponents = uiComponents.components.filter(doesComponentExist);
return { ...component, uiComponents: existingComponents };
} catch (e) {
console.error(e);
return component;
}
};