import React, { useContext, useEffect, useState } from 'react'; import { Spin } from 'antd'; import { Helmet } from 'react-helmet'; import { useRequest } from 'ahooks'; import { SchemaRenderer } from '../../schemas'; export function DefaultPage({ route }) { const { data = {}, loading } = useRequest( `/api/blocks:getSchema/${route.blockId}`, { refreshDeps: [route], formatResult: (result) => result?.data, }, ); if (loading) { return <Spin />; } return ( <div> <SchemaRenderer schema={data} /> </div> ); } export default DefaultPage;