mip-website/pages/stock-price/index.jsx

import React from 'react'
import dynamic from 'next/dist/next-server/lib/dynamic'
import { Skeleton } from '@chakra-ui/react'

const StockPriceChart = dynamic(() => import('../../src/components/Chart'), {
  ssr: false,
  loading: () => <Skeleton height={200} className='w-full'/>
})
const index = () => {
  return (
    <div>
        <StockPriceChart />
    </div>
  )
}

export default index