Does using components library like material-ui affects SEO?

Unless you’re building a highly dynamic single page app with a number of requests (fetching data, code splitting, etc) after the initial page load, there’s not too much you need to worry about in terms of search engine compatibility.

Material UI is generally fine but if you need to maximize the SEO value of your markup, the best thing you can do is make sure the proper hierarchy is in place. Use a single h1, nesting h2/3/4 inside section where necessary (although not mandatory), appropriate nav, main, header, footer tags, meta content and so on. MUI gives you the tools to achieve the right markup for your use-case with the component prop, and I recommend looking into the use of react-helmet for meta content.

If you’re building something that needs to be indexed, you need to use some kind of static or server side rendering. If you just want a nice preview image etc when dropping link in slack etc you’ll need to add meta tags for open graph data to tour base HTML template