From c2465b0b18cee6bbffd6e6222914fe21736c8b94 Mon Sep 17 00:00:00 2001
From: Marc Rabat <35448568+vanbasten17@users.noreply.github.com>
Date: Mon, 26 Aug 2024 09:28:24 +0200
Subject: [PATCH] botonic-react: remove use-async-effect dependency (#2879)

## Description
* Removed react's `use-async-effect` and `reconnecting-websocket`
dependencies.
---
 package-lock.json                              | 15 ---------------
 packages/botonic-react/package.json            |  2 --
 packages/botonic-react/src/webchat/webchat.jsx |  3 +--
 3 files changed, 1 insertion(+), 19 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 02859aaa4..79e3919c4 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -23738,11 +23738,6 @@
         "node": ">= 10.13.0"
       }
     },
-    "node_modules/reconnecting-websocket": {
-      "version": "4.4.0",
-      "resolved": "https://registry.npmjs.org/reconnecting-websocket/-/reconnecting-websocket-4.4.0.tgz",
-      "integrity": "sha512-D2E33ceRPga0NvTDhJmphEgJ7FUYF0v4lr1ki0csq06OdlxKfugGzN0dSkxM/NfqCxYELK4KcaTOUOjTV6Dcng=="
-    },
     "node_modules/redact-pii": {
       "version": "3.4.0",
       "resolved": "https://registry.npmjs.org/redact-pii/-/redact-pii-3.4.0.tgz",
@@ -26933,14 +26928,6 @@
       "resolved": "https://registry.npmjs.org/punycode/-/punycode-1.3.2.tgz",
       "integrity": "sha512-RofWgt/7fL5wP1Y7fxE7/EmTLzQVnB0ycyibJ0OOHIlJqTNzglYFxVwETOcIoJqJmpDXJ9xImDv+Fq34F/d4Dw=="
     },
-    "node_modules/use-async-effect": {
-      "version": "2.2.7",
-      "resolved": "https://registry.npmjs.org/use-async-effect/-/use-async-effect-2.2.7.tgz",
-      "integrity": "sha512-Vq94tKPyo/9Nok4LOapV0GoGgZPhbeDW/bP6bulLPV4+lIoftaBRBBbGjTbM+j5W1Bm2EkUHJgapeu5YnQvKEA==",
-      "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
-      }
-    },
     "node_modules/utf8-bytes": {
       "version": "0.0.1",
       "resolved": "https://registry.npmjs.org/utf8-bytes/-/utf8-bytes-0.0.1.tgz",
@@ -28661,11 +28648,9 @@
         "react-json-tree": "^0.15.0",
         "react-router-dom": "^5.3.4",
         "react-textarea-autosize": "^7.1.2",
-        "reconnecting-websocket": "^4.4.0",
         "simplebar-react": "^2.4.3",
         "styled-components": "^5.3.0",
         "ua-parser-js": "^0.8.1",
-        "use-async-effect": "^2.2.7",
         "uuid": "^8.3.2"
       },
       "devDependencies": {
diff --git a/packages/botonic-react/package.json b/packages/botonic-react/package.json
index f35ba3e51..2cc61ac6d 100644
--- a/packages/botonic-react/package.json
+++ b/packages/botonic-react/package.json
@@ -31,11 +31,9 @@
     "react-json-tree": "^0.15.0",
     "react-router-dom": "^5.3.4",
     "react-textarea-autosize": "^7.1.2",
-    "reconnecting-websocket": "^4.4.0",
     "simplebar-react": "^2.4.3",
     "styled-components": "^5.3.0",
     "ua-parser-js": "^0.8.1",
-    "use-async-effect": "^2.2.7",
     "uuid": "^8.3.2"
   },
   "devDependencies": {
diff --git a/packages/botonic-react/src/webchat/webchat.jsx b/packages/botonic-react/src/webchat/webchat.jsx
index 12de1c8f0..d44949067 100644
--- a/packages/botonic-react/src/webchat/webchat.jsx
+++ b/packages/botonic-react/src/webchat/webchat.jsx
@@ -9,7 +9,6 @@ import React, {
 } from 'react'
 import Textarea from 'react-textarea-autosize'
 import styled, { StyleSheetManager } from 'styled-components'
-import { useAsyncEffect } from 'use-async-effect'
 import { v4 as uuidv4 } from 'uuid'
 
 import { Audio, Document, Image, Text, Video } from '../components'
@@ -333,7 +332,7 @@ export const Webchat = forwardRef((props, ref) => {
     webchatState.lastMessageUpdate,
   ])
 
-  useAsyncEffect(async () => {
+  useEffect(() => {
     if (!webchatState.online) {
       setError({
         message: getServerErrorMessage(props.server),