[docs-infra] Replace <DocSearch> for in-house implementation

[pantelispanayiotou]

Related page

https://mui.com

Kind of issue

Missing information

Issue description

I was looking for how the algolia search is implemented on the homepage. As i can see it doesn't use any mui components, except for the hits that typography and badges are used. Is there any specific reasons on why this is not implemented using the mui's Autocomplete component?

Context 🔦

We need to implement algolia in our site and thinking of how we can do this using material ui. The first option is to build it without the components that are provided from algolia (instantsearch) so that we can leverage the mui components.

[oliviertassinari]

How is Algolia search implemented on the home page of MUI?

@pantelispanayiotou It's implemented here:

material-ui/docs/src/modules/components/AppSearch.js

Line 207 in b019b36

export default function AppSearch(props) {

Is there any specific reasons on why this is not implemented using the mui's Autocomplete component?

We talked about using the Material UI component for it during the implementation but we went with the Algolia UI library to save time. It's definitely in our plan to replace the UX with Material UI components.

See #16502 under:

• "Migrate the UI to [Spotlight] Add new component Add Spotlight/Omnibar component mui-x#13932"

What Algolia did with DocSearch could be much better, I think this is what we should use this GitHub issue for.

We need to implement algolia in our site and thinking of how we can do this using material UI.

Yes, then have a look at mui/mui-x#13932. It's part of the problem we are trying to solve.