diff --git a/packages/mui-styled-engine-sc/package.json b/packages/mui-styled-engine-sc/package.json
index 9cf62bd5dcafef..63386b0279223b 100644
--- a/packages/mui-styled-engine-sc/package.json
+++ b/packages/mui-styled-engine-sc/package.json
@@ -40,6 +40,7 @@
   "dependencies": {
     "@babel/runtime": "^7.23.1",
     "csstype": "^3.1.2",
+    "hoist-non-react-statics": "^3.3.2",
     "prop-types": "^15.8.1"
   },
   "devDependencies": {
@@ -47,7 +48,6 @@
     "@types/chai": "^4.3.6",
     "@types/react": "^18.2.23",
     "chai": "^4.3.10",
-    "hoist-non-react-statics": "^3.3.2",
     "react": "^18.2.0",
     "styled-components": "^6.0.0"
   },
diff --git a/packages/mui-styled-engine-sc/src/index.d.ts b/packages/mui-styled-engine-sc/src/index.d.ts
index c5c3c88977f0b4..f586612be64f6c 100644
--- a/packages/mui-styled-engine-sc/src/index.d.ts
+++ b/packages/mui-styled-engine-sc/src/index.d.ts
@@ -154,7 +154,7 @@ type StyledComponentPropsWithAs<
 
 export type StyledComponent<
   C extends keyof JSX.IntrinsicElements | React.ComponentType<any>,
-  T extends object,
+  T extends object = {},
   O extends object = {},
   A extends keyof any = never,
 > = // the "string" allows this to be used as an object key
@@ -166,14 +166,20 @@ export type StyledComponent<
 // any doesn't count as assignable to never in the extends clause, and we default A to never
 export type AnyStyledComponent =
   | StyledComponent<any, any, any, any>
-  | StyledComponent<any, any, any>;
+  | StyledComponent<any, any, any>
+  | React.FunctionComponent<any>
+  | React.ComponentType<any>;
 
-export type StyledComponentInnerComponent<C extends React.ComponentType<any>> =
-  C extends StyledComponent<infer I, any, any, any>
-    ? I
-    : C extends StyledComponent<infer I, any, any>
-    ? I
-    : C;
+export type StyledComponentInnerComponent<C extends AnyStyledComponent> = C extends StyledComponent<
+  infer I,
+  any,
+  any,
+  any
+>
+  ? I
+  : C extends StyledComponent<infer I, any, any>
+  ? I
+  : C;
 
 export type StyledComponentInnerOtherProps<C extends AnyStyledComponent> =
   C extends StyledComponent<any, any, infer O, any>
@@ -274,6 +280,13 @@ export interface ThemedStyledFunction<
   A extends keyof any = never,
 > extends ThemedStyledFunctionBase<C, T, O, A> {}
 
+export type CreateStyledComponent<
+  ComponentProps extends {},
+  SpecificComponentProps extends {} = {},
+  JSXProps extends {} = {},
+  T extends object = {},
+> = ThemedStyledFunction<React.ComponentType<ComponentProps>, T, SpecificComponentProps & JSXProps>;
+
 // Config to be used with withConfig
 export interface StyledConfig<O extends object = {}> {
   // TODO: Add all types from the original StyledComponentWrapperProperties
@@ -312,3 +325,22 @@ export type CreateMUIStyled<
   MuiStyledOptions extends object = {},
   T extends object = {},
 > = ThemedBaseStyledInterface<MUIStyledCommonProps, MuiStyledOptions, AnyIfEmpty<T>>;
+
+export type PropsOf<C extends keyof JSX.IntrinsicElements | React.JSXElementConstructor<any>> =
+  JSX.LibraryManagedAttributes<C, React.ComponentProps<C>>;
+
+export interface MUIStyledComponent<
+  ComponentProps extends {},
+  SpecificComponentProps extends {} = {},
+  JSXProps extends {} = {},
+> extends React.FC<ComponentProps & SpecificComponentProps & JSXProps> {
+  withComponent<C extends React.ComponentClass<React.ComponentProps<C>>>(
+    component: C,
+  ): MUIStyledComponent<ComponentProps & PropsOf<C>, {}, { ref?: React.Ref<InstanceType<C>> }>;
+  withComponent<C extends React.ComponentType<React.ComponentProps<C>>>(
+    component: C,
+  ): MUIStyledComponent<ComponentProps & PropsOf<C>>;
+  withComponent<Tag extends keyof JSX.IntrinsicElements>(
+    tag: Tag,
+  ): MUIStyledComponent<ComponentProps, JSX.IntrinsicElements[Tag]>;
+}
diff --git a/packages/mui-styled-engine/src/index.d.ts b/packages/mui-styled-engine/src/index.d.ts
index 68c4776444e8ff..666555659c3d7e 100644
--- a/packages/mui-styled-engine/src/index.d.ts
+++ b/packages/mui-styled-engine/src/index.d.ts
@@ -11,6 +11,12 @@ export { default as StyledEngineProvider } from './StyledEngineProvider';
 export { default as GlobalStyles } from './GlobalStyles';
 export * from './GlobalStyles';
 
+export type MUIStyledComponent<
+  ComponentProps extends {},
+  SpecificComponentProps extends {} = {},
+  JSXProps extends {} = {},
+> = StyledComponent<ComponentProps, SpecificComponentProps, JSXProps>;
+
 /**
  * For internal usage in `@mui/system` package
  */
diff --git a/packages/mui-system/src/Container/createContainer.tsx b/packages/mui-system/src/Container/createContainer.tsx
index 05a9d6b5b9f5b9..28360a82495028 100644
--- a/packages/mui-system/src/Container/createContainer.tsx
+++ b/packages/mui-system/src/Container/createContainer.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import { Interpolation, StyledComponent } from '@mui/styled-engine';
+import { Interpolation, MUIStyledComponent as StyledComponent } from '@mui/styled-engine';
 import { OverridableComponent } from '@mui/types';
 import {
   unstable_capitalize as capitalize,