---
title: "Discussion on \"Resolving 'Prop className Did Not Match' Error in Next.js and Material-UI.\" | Hashnode"
description: "Discussion on \"Resolving 'Prop className Did Not Match' Error in Next.js and Material-UI.\". Warning: Prop `className` did not match. Server: \"MuiPaper-root MuiPaper-elevation MuiPaper-elevation4 MuiAppBar-root MuiAppBar-colorPrimary MuiAppBar-posit"
url: "https://hashnode.com/posts/resolving-prop-classname-did-not-match-error-in-nextjs-and-material-ui/648edb8f599df24cd8d0eebe"
---

[Feed](https://hashnode.com/feed) /

Discussion

# [Resolving 'Prop className Did Not Match' Error in Next.js and Material-UI.](https://nwekechidi.hashnode.dev/resolving-prop-classname-did-not-match-error-in-nextjs-and-material-ui?utm_source=hashnode&utm_medium=feed)

Warning: Prop \`className\` did not match. Server: "MuiPaper-root MuiPaper-elevation MuiPaper-elevation4 MuiAppBar-root MuiAppBar-colorPrimary MuiAppBar-posit

Jun 18, 2023 · 3 min read · nwekechidi.hashnode.dev  
Read the article

-   [#nextjs](https://hashnode.com/tag/nextjs)
-   [#mui](https://hashnode.com/tag/mui)
-   [#mui-nextjs](https://hashnode.com/tag/mui-nextjs)
-   [#reactjs](https://hashnode.com/tag/reactjs)
-   [#error](https://hashnode.com/tag/error)

## Written by

[Nweke Chidi](https://hashnode.com/@thatDev)

@thatDev · Lagos, Nigeria

  
[View profile](https://hashnode.com/@thatDev)

Software Engineer @Cedarview

A Software Engineer at Cedarview and also a fellow at TIIDELab, he love reading and writing tech articles, he have prior experience with IoT, Embedded Systems and Automations.

## Responses

Markdown supported · ⌘↵ to post

No responses yet.