How to search with conditions

[anoonoll]

I want to do a search search with conditions.
I tried to search Doc, but I couldn't find a way to search with conditions in React.
I can see how to do it in PHP, Ruby and Javascript, but not in React.
Ideally, I'd like to do a search that matches the selected values, as in the link below.
If you know of a good way to do this, I would appreciate it if you could let me know.
https://react-instantsearch.netlify.app/storybook/?path=/story/dynamicwidgets--default

I'll post my current algolia-related code in case it's of any help.

<InstantSearch indexName={"image-consult-app"} searchClient={searchClient}>
                        <GetHitNumber />
                        <Configure 
                            hitsPerPage={20}
                            filters={"area:tokyo"}
                        />
                        <CustomSearchBox 
                            searchAsYouType={false}
                            defaultRefinement={searchWord}
                            urlWord={new URLSearchParams(props.location.search).get('query')}
                        />
                        <CustomStateResults />
                        <Hits hitComponent={hitComponent} />
                        <Pagination />
</InstantSearch>

[Haroenv]

Is this the documentation you're looking for? https://www.algolia.com/doc/api-reference/widgets/dynamic-facets/react/

[anoonoll]

Thanks for the quick answer!
Yes, I read that Doc, but I couldn't quite figure out how to use it... ;(

I tried to run it as follows, but it did not behave as I expected.

What's wrong with that?

<InstantSearch indexName={"image-consult-app"} searchClient={searchClient}>
                       <DynamicWidgets>
  <RefinementList attribute="area:tokyo" />
</DynamicWidgets>
                        <GetHitNumber />
                        <Configure 
                            hitsPerPage={20}
                            filters={"area:tokyo"}
                        />
                        <CustomSearchBox 
                            searchAsYouType={false}
                            defaultRefinement={searchWord}
                            urlWord={new URLSearchParams(props.location.search).get('query')}
                        />
                        <CustomStateResults />
                        <Hits hitComponent={hitComponent} />
                        <Pagination />
</InstantSearch>

[Haroenv]

Could you make what you have in a sandbox? I've showed a demo dynamic widget here: https://codesandbox.io/s/empty-water-vonhw?file=/src/App.js

[anoonoll]

Thank you.
I've rewritten it!

[anoonoll]

I've solved myself! Thank you so much!

[anoonoll]

I solved myself by using Menu and the filters in Configure!