update imports for React 18
Change-Id: Ibc75ce532003a478b31d5d85d84c83a017262041
diff --git a/client/src/components/SendMessageForm.js b/client/src/components/SendMessageForm.js
index f1cb2d6..df520ff 100644
--- a/client/src/components/SendMessageForm.js
+++ b/client/src/components/SendMessageForm.js
@@ -1,10 +1,10 @@
-import React from 'react'
+import { useState, useCallback } from 'react'
import { Divider, InputBase } from '@mui/material'
import { RecordVideoMessageButton, RecordVoiceMessageButton, SelectEmojiButton, SendMessageButton, UploadFileButton } from './buttons';
import { Stack } from '@mui/system';
export default function SendMessageForm(props) {
- const [currentMessage, setCurrentMessage] = React.useState("")
+ const [currentMessage, setCurrentMessage] = useState("")
const handleSubmit = e => {
e.preventDefault()
@@ -15,7 +15,7 @@
}
const handleInputChange = (event) => setCurrentMessage(event.target.value)
- const onEmojiSelected = React.useCallback(
+ const onEmojiSelected = useCallback(
(emoji) => setCurrentMessage((currentMessage) => currentMessage + emoji),
[setCurrentMessage],
)