error components

containers/react/src/components/Messages/Alert.jsx

@@ -0,0 +1,13 @@
+// import Alert from '@mui/material/Alert';
+// import Stack from '@mui/material/Stack';
+
+function BasicAlert () {
+    return(
+        <></>
+        // <Stack sx={{width: '100%'}} spacing={2}>
+        //     <Alert severity="success">Check this out</Alert>
+        // </Stack>
+    )
+}
+
+export default BasicAlert

containers/react/src/components/Messages/Chats.jsx

@@ -235,10 +235,16 @@ function Chats(){
 
 	const findValue = () => {
 		setFind(false);
+		console.log(friend);
 		Rank.map((tab) => {
 			if (tab.name === friend)
+			{
+				console.log("ok bon");
 				setFind(true);
+			}
 		})
+		console.log(find);
+		// if (!find)
 	}; 
 	
 	// console.log(`data user1= ${user.username}`)
@@ -284,7 +290,7 @@ function Chats(){
 					<TouchDiv>
 						<div  onClick={findValue}>
 							<MdOutlineGroupAdd/>
-							{find ? (<BasicAlert/>) : ("")}
+							{find ? ("<BasicAlert/>") : ("")}
 						</div>
 					</TouchDiv>
 					<TouchDiv>