Fix docs components types merge mismatch

Author: DiegoAndai

docs/data/material/components/app-bar/BackToTop.js

@@ -48,7 +48,7 @@ function ScrollTop(props) {
 }
 
 ScrollTop.propTypes = {
-  children: PropTypes.element,
+  children: PropTypes.element.isRequired,
   /**
    * Injected by the documentation to work in an iframe.
    * You won't need it on your project.

docs/data/material/components/app-bar/BackToTop.tsx

@@ -16,7 +16,7 @@ interface Props {
    * You won't need it on your project.
    */
   window?: () => Window;
-  children?: React.ReactElement<any>;
+  children: React.ReactElement<any>;
 }
 
 function ScrollTop(props: Props) {

docs/data/material/components/app-bar/ElevateAppBar.js

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import PropTypes from 'prop-types';
 import AppBar from '@mui/material/AppBar';
 import Toolbar from '@mui/material/Toolbar';
 import Typography from '@mui/material/Typography';
@@ -23,6 +24,15 @@ function ElevationScroll(props) {
   });
 }
 
+ElevationScroll.propTypes = {
+  children: PropTypes.element.isRequired,
+  /**
+   * Injected by the documentation to work in an iframe.
+   * You won't need it on your project.
+   */
+  window: PropTypes.func,
+};
+
 export default function ElevateAppBar(props) {
   return (
     <React.Fragment>

docs/data/material/components/app-bar/ElevateAppBar.tsx

@@ -13,7 +13,7 @@ interface Props {
    * You won't need it on your project.
    */
   window?: () => Window;
-  children?: React.ReactElement<any>;
+  children: React.ReactElement<any>;
 }
 
 function ElevationScroll(props: Props) {

docs/data/material/components/app-bar/HideAppBar.js

@@ -26,7 +26,7 @@ function HideOnScroll(props) {
 }
 
 HideOnScroll.propTypes = {
-  children: PropTypes.element,
+  children: PropTypes.element.isRequired,
   /**
    * Injected by the documentation to work in an iframe.
    * You won't need it on your project.

docs/data/material/components/app-bar/HideAppBar.tsx

@@ -14,7 +14,7 @@ interface Props {
    * You won't need it on your project.
    */
   window?: () => Window;
-  children?: React.ReactElement<any>;
+  children: React.ReactElement<any>;
 }
 
 function HideOnScroll(props: Props) {