feat: lazy load some components
This commit is contained in:
parent
6be63f984c
commit
a9258d9118
@ -14,7 +14,6 @@ import { AuthProvider } from "./components/auth.tsx";
|
||||
import { RouteConfigs } from "./routes.tsx";
|
||||
|
||||
import Root from "./pages/root.tsx";
|
||||
import HomePage from "./pages/home.tsx";
|
||||
import ErrorPage from "./pages/error-page.tsx";
|
||||
|
||||
import "./index.css";
|
||||
@ -44,8 +43,9 @@ Sentry.init({
|
||||
replaysOnErrorSampleRate: 1.0,
|
||||
});
|
||||
|
||||
const sentryCreateBrowserRouter = Sentry.wrapCreateBrowserRouter(createBrowserRouter);
|
||||
const HomePage = React.lazy(() => import("./pages/home.tsx"));
|
||||
|
||||
const sentryCreateBrowserRouter = Sentry.wrapCreateBrowserRouter(createBrowserRouter);
|
||||
const router = sentryCreateBrowserRouter([
|
||||
{
|
||||
path: "/",
|
||||
|
@ -1,10 +1,12 @@
|
||||
import { lazy } from "react";
|
||||
import { Row, Col, Space, Button } from "antd";
|
||||
import { PlayCircleOutlined, SearchOutlined } from "@ant-design/icons";
|
||||
import { useLoaderData, useNavigate } from "react-router-dom";
|
||||
|
||||
import Markdown from "../components/markdown.tsx";
|
||||
import { DetailsResp } from "../api/problem.ts";
|
||||
import ProblemDetails from "../components/problem-details.tsx";
|
||||
|
||||
const Markdown = lazy(() => import("../components/markdown.tsx"));
|
||||
const ProblemDetails = lazy(() => import("../components/problem-details.tsx"));
|
||||
|
||||
export default function ProblemPage() {
|
||||
const details = useLoaderData() as DetailsResp;
|
||||
|
Reference in New Issue
Block a user