From 6d86eb7226a7e795501b8c479ae819a4aef33552 Mon Sep 17 00:00:00 2001
From: mnajdova <mnajdova@gmail.com>
Date: Wed, 20 Sep 2023 11:47:01 +0200
Subject: [PATCH] fix demo types

---
 .../getting-started/custom-components/StyleFunctionSxDemo.tsx | 4 ++--
 docs/src/modules/components/AppLayoutDocs.js                  | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/docs/data/system/getting-started/custom-components/StyleFunctionSxDemo.tsx b/docs/data/system/getting-started/custom-components/StyleFunctionSxDemo.tsx
index 53d9f3ee4b14b6..07a6c99d8c4b4c 100644
--- a/docs/data/system/getting-started/custom-components/StyleFunctionSxDemo.tsx
+++ b/docs/data/system/getting-started/custom-components/StyleFunctionSxDemo.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import styled, { InterpolationFunction, ThemeProvider } from 'styled-components';
+import styled, { ThemeProvider, StyleFunction } from 'styled-components';
 import { unstable_styleFunctionSx, SxProps } from '@mui/system';
 import { createTheme } from '@mui/material/styles';
 
@@ -10,7 +10,7 @@ interface DivProps {
 const theme = createTheme();
 
 const Div = styled('div')<DivProps>(
-  unstable_styleFunctionSx as InterpolationFunction<DivProps>,
+  unstable_styleFunctionSx as StyleFunction<DivProps>,
 );
 
 export default function StyleFunctionSxDemo() {
diff --git a/docs/src/modules/components/AppLayoutDocs.js b/docs/src/modules/components/AppLayoutDocs.js
index 94be52d7e188fd..0ec58e3ffd84fc 100644
--- a/docs/src/modules/components/AppLayoutDocs.js
+++ b/docs/src/modules/components/AppLayoutDocs.js
@@ -100,7 +100,7 @@ const GlobalStyles = createGlobalStyle({
   ':root': {
     '--MuiDocs-navDrawer-width': '300px',
   },
-})
+});
 
 export default function AppLayoutDocs(props) {
   const router = useRouter();