Added explicit children props as per new React 18 types

Author: aeagle

src/components/Centered.tsx

@@ -1,3 +1,7 @@
 import * as React from "react";
 
-export const Centered: React.FC = (props) => <div className={`spaces-centered`}>{props.children}</div>;
+interface IProps {
+	children?: React.ReactNode;
+}
+
+export const Centered: React.FC<IProps> = (props) => <div className={`spaces-centered`}>{props.children}</div>;

src/components/CenteredVertically.tsx

@@ -1,3 +1,7 @@
 import * as React from "react";
 
-export const CenteredVertically: React.FC = (props) => <div className={`spaces-centered-vertically`}>{props.children}</div>;
+interface IProps {
+	children?: React.ReactNode;
+}
+
+export const CenteredVertically: React.FC<IProps> = (props) => <div className={`spaces-centered-vertically`}>{props.children}</div>;

src/components/Layer.tsx

@@ -2,7 +2,12 @@ import * as React from "react";
 import { LayerContext } from "../core-react";
 import * as PropTypes from "prop-types";
 
-export const Layer: React.FC<{ zIndex: number }> = (props) => <LayerContext.Provider value={props.zIndex}>{props.children}</LayerContext.Provider>;
+interface IProps {
+	zIndex: number;
+	children?: React.ReactNode;
+}
+
+export const Layer: React.FC<IProps> = (props) => <LayerContext.Provider value={props.zIndex}>{props.children}</LayerContext.Provider>;
 
 Layer.propTypes = {
 	zIndex: PropTypes.number.isRequired,

src/components/Options.tsx

@@ -1,6 +1,10 @@
 import * as React from "react";
 import { IReactSpacesOptions, OptionsContext } from "../core-react";
 
-export const Options: React.FC<IReactSpacesOptions> = ({ children, ...opts }) => {
+interface IProps extends IReactSpacesOptions {
+	children?: React.ReactNode;
+}
+
+export const Options: React.FC<IProps> = ({ children, ...opts }) => {
 	return <OptionsContext.Provider value={opts}>{children}</OptionsContext.Provider>;
 };

src/core-react.ts

@@ -52,6 +52,7 @@ export interface IReactEvents {
 export interface IReactSpaceCommonProps extends ICommonProps, IReactEvents {
 	style?: React.CSSProperties;
 	as?: keyof React.ReactDOM | React.ComponentType<ICommonProps>;
+	children?: React.ReactNode;
 }
 
 export interface IReactSpaceInnerProps extends IReactSpaceCommonProps, ISpaceProps, IReactEvents {