19 lines
410 B
TypeScript
19 lines
410 B
TypeScript
import { Suspense, lazy } from "react";
|
|
import { Debug } from "@/utils/debug/Debug";
|
|
|
|
const Perf = lazy(() => import("r3f-perf").then((m) => ({ default: m.Perf })));
|
|
|
|
export function DebugPerf(): React.JSX.Element | null {
|
|
const debug = Debug.getInstance();
|
|
|
|
if (!debug.active) {
|
|
return null;
|
|
}
|
|
|
|
return (
|
|
<Suspense fallback={null}>
|
|
<Perf position="bottom-right" />
|
|
</Suspense>
|
|
);
|
|
}
|