Merge pull request #26060 from JKobrynski/migrateThemeStylesProviderT…

…oTypeScript

[No QA] [TS Migration] Migrate ThemeStylesProvider component to TypeScript

src/styles/ThemeStylesProvider.js → src/styles/ThemeStylesProvider.tsx

@@ -1,16 +1,14 @@
 /* eslint-disable react/jsx-props-no-spreading */
 import React, {useMemo} from 'react';
-import PropTypes from 'prop-types';
 import useTheme from './themes/useTheme';
 import StylesContext from './ThemeStylesContext';
 import defaultStyles from './styles';
 
-const propTypes = {
-    /** Rendered child component */
-    children: PropTypes.node.isRequired,
+type ThemeStylesProviderProps = {
+    children: React.ReactNode;
 };
 
-function ThemeStylesProvider(props) {
+function ThemeStylesProvider({children}: ThemeStylesProviderProps) {
     const theme = useTheme();
 
     const appContentStyle = useMemo(
@@ -29,9 +27,9 @@ function ThemeStylesProvider(props) {
         [appContentStyle],
     );
 
-    return <StylesContext.Provider value={styles}>{props.children}</StylesContext.Provider>;
+    return <StylesContext.Provider value={styles}>{children}</StylesContext.Provider>;
 }
-ThemeStylesProvider.propTypes = propTypes;
+
 ThemeStylesProvider.displayName = 'ThemeStylesProvider';
 
 export default ThemeStylesProvider;