From 34835ef68f855bb72c5928efcdaca6489e7a5a2d Mon Sep 17 00:00:00 2001
From: Audric Ackermann <audric@loki.network>
Date: Mon, 21 Jun 2021 15:36:12 +1000
Subject: [PATCH] fix createf instead use useRef for h5 audio player

---
 ts/components/conversation/H5AudioPlayer.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/ts/components/conversation/H5AudioPlayer.tsx b/ts/components/conversation/H5AudioPlayer.tsx
index 33dcb490f..04d4187f2 100644
--- a/ts/components/conversation/H5AudioPlayer.tsx
+++ b/ts/components/conversation/H5AudioPlayer.tsx
@@ -1,5 +1,5 @@
 // Audio Player
-import React, { createRef, useEffect } from 'react';
+import React, { useEffect, useRef } from 'react';
 import H5AudioPlayer from 'react-h5-audio-player';
 import { useTheme } from 'styled-components';
 import { useEncryptedFileFetch } from '../../hooks/useEncryptedFileFetch';
@@ -13,7 +13,7 @@ export const AudioPlayerWithEncryptedFile = (props: {
   const theme = useTheme();
   const { urlToLoad } = useEncryptedFileFetch(props.src, props.contentType);
   const { playbackSpeed } = props;
-  const player = createRef<H5AudioPlayer>();
+  const player = useRef<H5AudioPlayer | null>(null);
 
   useEffect(() => {
     // updates playback speed to value selected in context menu