fix: skeleton cannot dispaly without children and loading props : Skeleton(...) return nothing (#34872)

* fix: skeleton cannot dispaly without children

* [CodeFactor] Apply fixes to commit 0b4a968

[ci skip] [skip ci]

* fix: update skeleton

Co-authored-by: codefactor-io <support@codefactor.io>

components/skeleton/Skeleton.tsx

@@ -161,7 +161,7 @@ const Skeleton = (props: SkeletonProps) => {
       </div>
     );
   }
-  return children as React.ReactElement;
+  return typeof children !== 'undefined' ? (children as React.ReactElement) : null;
 };
 
 Skeleton.defaultProps = {

components/skeleton/__tests__/__snapshots__/index.test.js.snap

@@ -481,6 +481,8 @@ exports[`Skeleton rtl render component should be rendered correctly in RTL direc
 </div>
 `;
 
+exports[`Skeleton should display without children and falsy loading props 1`] = `null`;
+
 exports[`Skeleton should round title and paragraph 1`] = `
 <div
   class="ant-skeleton ant-skeleton-round"

components/skeleton/__tests__/index.test.js

@@ -34,6 +34,16 @@ describe('Skeleton', () => {
     expect(wrapperSmall.render()).toMatchSnapshot();
   });
 
+  it('should display without children and falsy loading props', () => {
+    const wrapper = mount(<Skeleton loading={false} />);
+    expect(wrapper.render()).toMatchSnapshot();
+  });
+
+  it('should display with empty children and falsy loading props', () => {
+    const wrapper = mount(<Skeleton loading={false}>{0}</Skeleton>);
+    expect(wrapper.text()).toBe('0');
+  });
+
   it('should display children', () => {
     const wrapper = mount(<Skeleton loading={false}>{[1, 2, 3]}</Skeleton>);
     expect(wrapper.text()).toBe('123');