Pass a status prop, if loading, render the skeleton, when loaded, the children.

chakra-skeleton-loader.jsx

import * as React from 'react'
import { Skeleton } from '@chakra-ui/react'

export default function SkeletonLoader({ skeletonProps, status, children }) {
  if (status === 'loading')
    return <Skeleton height="100%" width="100%" {...skeletonProps} />
  if (status === 'error') return null

  return children
}