Hi Everyone, I creating a POS UI Extension, in which I am searching products using the search component and product-search API. I am trying to show that as a List component on the Screen. However, after doing a search data is showing in console.log but the error coming for the List component “Inval…

Please try the below code, this should work. The screenshot is the reference to the working code in my extension. const listRow = [ { id: '1', leftSide: { label: "test" } }, { id: '2', leftSide: {…

Hi Shubham, The error you’re experiencing is likely due to the format of the data you’re supplying to the List component. The data for the List component should be an array of objects and each object representing a row in the list. Hope this helps!

Hi, I am facing the same problem. I cant display the List item even I put ListRow array as my data in List component. I have found the way to use the List component. This is the example of my code. <List title=“Organization List” data={data.map((item) => ({ id: item.id, // Replace with the actu…

Hi, We also had this error before and it was due to using a number instead of a string as id, adding id.toString() or String(id) solved it. I hope this helps!

Getting error Invalid prop 'data' in _List Component

Retired Boards Appdev Extensions

sgoel785 November 30, 2023, 10:52am 3

Hi @Liam ,

Thanks for responding to the above solution, I am passing below screenshot data below. I think that is the correct format of data, please check.

Thank’s
Shubham

Topic		Replies	Views
Checkout UI Extension - List Component Spacing Extensions Setting-Up	0	34	July 31, 2023
Why does useExtensionApi cause an error in product search on POS UI extensions? Shopify Discussion troubleshooting	0	20	April 22, 2024
[POS UI] Invalid hook call. Hooks can only be called inside of the body of a function component Extensions pos-checkout	2	50	July 16, 2024
Use existing Shopify components in Admin UI Extension Shopify Apps third-party-apps	3	157	October 25, 2024
POS UI Extension RadioButton not rendering more than 11 lines Retail & Point of Sale pos-checkout , pos-store-management	0	19	November 23, 2024

Getting error Invalid prop 'data' in _List Component

Related topics