Disable button ripple and elevation with a global theme

1 files changed, 15 insertions, 2 deletions

diff --git a/src/index.js b/src/index.js
index c6d6253..91b9d5d 100644
--- a/src/index.js
+++ b/src/index.js
@@ -1,13 +1,26 @@
 import React from "react";
 import { render } from "react-dom";
+
 import CssBaseline from "@mui/material/CssBaseline";
+import { createTheme, ThemeProvider } from "@mui/material/styles";
 
 import App from "./components/App";
 
+let global = createTheme({
+    components: {
+        MuiButton: {
+            defaultProps: {
+                disableRipple: true,
+                disableElevation: true
+            }
+        }
+    }
+});
+
 render(
-    <>
+    <ThemeProvider theme={global}>
         <CssBaseline />
         <App />
-    </>,
+    </ThemeProvider>,
     document.getElementById("root")
 );