diff --git a/src/components/Page/index.js b/src/components/Page/index.js
index eae666d..5bf1127 100644
--- a/src/components/Page/index.js
+++ b/src/components/Page/index.js
@@ -18,6 +18,7 @@ function Page(props) {
     contentPadding = "20px",
     customActionButtons,
     extraActionButtons,
+    children
   } = props;
 
   const [pageWidth, setPageWidth] = useState(window.innerWidth);
@@ -49,7 +50,7 @@ function Page(props) {
     <div className="page-layout" id="page-layout">
       {(isShowAllAction && isShowHeader) && <HeaderBack title={headerTitle} history={history} previous={headerPrevious} />}
       <div style={{ padding: contentPadding }}>
-        {props.children}
+        {children && typeof children === "function" ? children() : children}
         {
           (isShowAllAction && isShowFooter) && (
             <div className="page-layout-footer" style={{ position: "relative", zIndex: "9" }}>
diff --git a/src/components/SeamlessScroll/index.js b/src/components/SeamlessScroll/index.js
index 12ab736..3371e76 100644
--- a/src/components/SeamlessScroll/index.js
+++ b/src/components/SeamlessScroll/index.js
@@ -442,12 +442,12 @@ const SeamlessScroll = forwardRef((props, ref) => {
     return (
       <>
         <div ref={slotListRef} style={floatStyle}>
-          {children}
+          {children && typeof children === "function" ? children() : children}
         </div>
         {isScroll
           ? Array.from({ length: copyNum }).map((_, index) => (
               <div key={`copy-${index}`} style={floatStyle}>
-                {children}
+                {children && typeof children === "function" ? children() : children}
               </div>
             ))
           : null}