'ElasticPressProvider' was not found in '@10up/elasticpress-react'

[Sharmeela_Jaimalani]

Hello,
I have installed the elasticpress-react with following npm command in my gastby project - (GitHub - 10up/elasticpress-react: Use ElasticPress with React.)
"npm install @10up/elasticpress-react --save"

After installation, I am including code in my search page as - >

import {
	AutosuggestField,
	RelatedContent,
	SearchField,
	Posts,
	ElasticPressProvider,
	findResultsState,
} from '@10up/elasticpress-react'


<ElasticPressProvider
      node="http://elasticpress.test/__elasticsearch"
     indexName="elasticpresstest-post-1"
    loadInitialData={false}
>
     <AutosuggestField />
</ElasticPressProvider>

The error I found after compilation is as below -
warn "export 'ElasticPressProvider' was not found in '@10up/elasticpress-react'."

The file [ElasticPressProvider.js] is not in the above npm command build and I am not able to proceed since I need that wrapper.
The file is in elasticpress-react-develop\src\components\Provider\ElasticPressProvider.js location which is not bundled by "npm install @10up/elasticpress-react --save"

I have attached the screenshot of the content bundled by npm comment, Kindly let me know, how can I use this React+gastby code to work?

Regards,
Sharmeela

[warkolm (Mark Walkom)]

Welcome to our community!
Can you please edit your post and remove the formatting on your non-code text, it's very hard to read your post and provide assistance.

[Sharmeela_Jaimalani]

Hi Mark,
Please find updated question. Awaiting for your reply.

Regards,
Sharmeela