import React, { useRef, useState } from “react” import { Canvas, useFrame } from ‘@react-three/fiber’ function Box(props: any) { // This reference will give us direct access to the mesh const meshRef = useRef() // Set up state for the hovered and active state const [hovered, setHover] = useSta…

Hi @jcsnaren :wave: Which version of @react-three/fiber are you using, and also which Grafana are you trying to run it in? Can it be that this is connected to the warning “Multiple instances of Three.js being imported”?

Hi @leventebalogh Grafana latest version Release 10.4.1 (2024-03-20) · grafana/grafana · GitHub , Rect-fiber-three Version is 8.16.0, Please ignore "Multiple instances of Three.js being imported”? Warning

Hi @leventebalogh :wave: Any update in this issue?

React fiber three not supporting in grafana app plugin and panel plugin

Grafana

ouhamouy10 June 24, 2026, 8:38am 6

I posted a solution in another here
I forgot this topic was open so I made a new one, since 1y has passed I assumed it was closed too

Topic		Replies	Views
Grafana not supports react-three/fiber? Grafana Plugin Development plugins	2	232	January 8, 2025
Problems with using react three fiber Grafana Plugin Development	1	586	January 12, 2023
Solved: How to Use React Three Fiber (R3F) in a Grafana Panel Plugin Share & showcase plugins , panel	4	94	June 25, 2026
React Plugin Help Grafana	1	750	June 26, 2019
Problem with using React plugin in dashboard Grafana	1	1135	July 4, 2019

React fiber three not supporting in grafana app plugin and panel plugin

Related topics