From 3fc9c1b74ac293a12bee438dd0c7f0a9628b4ee4 Mon Sep 17 00:00:00 2001
From: David Baker <dave@matrix.org>
Date: Fri, 13 May 2022 20:43:20 +0100
Subject: [PATCH] Import createref separately

---
 src/room/PTTButton.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/room/PTTButton.tsx b/src/room/PTTButton.tsx
index 2231f36f..a671186d 100644
--- a/src/room/PTTButton.tsx
+++ b/src/room/PTTButton.tsx
@@ -14,7 +14,7 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-import React, { useCallback, useEffect, useState } from "react";
+import React, { useCallback, useEffect, useState, createRef } from "react";
 import classNames from "classnames";
 
 import styles from "./PTTButton.module.css";
@@ -48,7 +48,7 @@ export const PTTButton: React.FC<Props> = ({
   startTalking,
   stopTalking,
 }) => {
-  const buttonRef = React.createRef<HTMLButtonElement>();
+  const buttonRef = createRef<HTMLButtonElement>();
 
   const [{ isHeld, activeTouchID }, setState] = useState<State>({
     isHeld: false,