[Divider] Enable component generic props (#15040)

* [docs] Add dividers typescript demos, ListDividers and MiddleDividers

* [docs] dividers typescript demos, needs fix for invalid component override

* [Divider] Enable generic props for Divider

* [docs] fix formatting

* [docs] dividers typescript demos, needs fix for invalid component override

* [docs] fix formatting

* focus on the Divider definition

Author: StevenGodin

packages/material-ui/src/Divider/Divider.d.ts

@@ -1,16 +1,18 @@
 import * as React from 'react';
-import { StandardProps } from '..';
+import { OverridableComponent, SimplifiedPropsOf } from '../OverridableComponent';
 
-export interface DividerProps
-  extends StandardProps<React.HTMLAttributes<HTMLHRElement>, DividerClassKey> {
-  absolute?: boolean;
-  component?: React.ElementType<DividerProps>;
-  light?: boolean;
-  variant?: 'fullWidth' | 'inset' | 'middle';
-}
+declare const Divider: OverridableComponent<{
+  props: {
+    absolute?: boolean;
+    light?: boolean;
+    variant?: 'fullWidth' | 'inset' | 'middle';
+  };
+  defaultComponent: 'hr';
+  classKey: DividerClassKey;
+}>;
 
 export type DividerClassKey = 'root' | 'absolute' | 'inset' | 'light' | 'middle';
 
-declare const Divider: React.ComponentType<DividerProps>;
+export type DividerProps = SimplifiedPropsOf<typeof Divider>;
 
 export default Divider;