glodrei
Version:
useful add-ons for react-three-fiber
22 lines (16 loc) ā¢ 687 B
text/mdx
---
title: DetectGPU / useDetectGPU
sourcecode: src/core/DetectGPU.tsx
---
[](https://drei.pmnd.rs/?path=/story/misc-detectgpu)
This hook uses [DetectGPU by @TimvanScherpenzeel](https://github.com/TimvanScherpenzeel/detect-gpu), wrapped into suspense, to determine what tier should be assigned to the user's GPU.
š This hook CAN be used outside the @react-three/fiber `Canvas`.
```jsx
function App() {
const GPUTier = useDetectGPU()
// show a fallback for mobile or lowest tier GPUs
return (
{(GPUTier.tier === "0" || GPUTier.isMobile) ? <Fallback /> : <Canvas>...</Canvas>
<Suspense fallback={null}>
<App />
```