Merge pull request #4233 from MicrosoftDocs/main

Merged by Learn.Build PR Management system

Author: learn-build-service-prod[bot]

articles/search/tutorial-csharp-search-query-integration.md

@@ -44,15 +44,15 @@ The search suggester, `sg`, is defined in the [schema file](https://github.com/A
 
 ## Client: Search from the catalog
 
-Call the Azure Function in the React client with the following code. 
+Call the Azure Function in the React client at `\client\src\pages\Search\Search.jsx` with the following code to search for books. 
 
-:::code language="csharp" source="~/azure-search-static-web-app/client/src/pages/Search/Search.js" :::
+:::code language="csharp" source="~/azure-search-static-web-app/client/src/pages/Search/Search.jsx" :::
 
 ## Client: Suggestions from the catalog
 
-The Suggest function API is called in the React app at `\client\src\components\SearchBar\SearchBar.js` as part of the [Material UI's Autocomplete component](https://mui.com/material-ui/react-autocomplete/). This component uses the input text to search for authors and books that match the input text then displays those possible matches at selectable items in the drop-down list. 
+The Suggest function API is called in the React app at `\client\src\components\SearchBar\SearchBar.jsx` as part of the [Material UI's Autocomplete component](https://mui.com/material-ui/react-autocomplete/). This component uses the input text to search for authors and books that match the input text then displays those possible matches at selectable items in the drop-down list. 
 
-:::code language="csharp" source="~/azure-search-static-web-app/client/src/components/SearchBar/SearchBar.js" :::
+:::code language="csharp" source="~/azure-search-static-web-app/client/src/components/SearchBar/SearchBar.jsx" :::
 
 ## Azure Function: Get specific document 
 
@@ -62,9 +62,9 @@ The [Document Lookup API](https://github.com/Azure-Samples/azure-search-static-w
 
 ## Client: Get specific document 
 
-This function API is called in the React app at `\client\src\pages\Details\Detail.js` as part of component initialization:
+This function API is called in the React app at `\client\src\pages\Details\Details.jsx` as part of component initialization:
 
-:::code language="csharp" source="~/azure-search-static-web-app/client/src/pages/Details/Details.js"  :::
+:::code language="csharp" source="~/azure-search-static-web-app/client/src/pages/Details/Details.jsx"  :::
 
 ## C# models to support function app