deployment configuration

frontend/src/pages/WhatsAuth/WhatsAuth.js

@@ -1,7 +1,6 @@
 import React, { useState, useEffect } from "react";
 import { useHistory } from "react-router-dom";
 import api from "../../util/api";
-import clsx from "clsx";
 import MainDrawer from "../../components/Layout/MainDrawer";
 import openSocket from "socket.io-client";
 
@@ -84,12 +83,10 @@ const WhatsAuth = () => {
 		return () => {
 			socket.disconnect();
 		};
-	}, []);
+	}, [history]);
 
 	console.log(session);
 
-	const fixedHeightPaper = clsx(classes.paper, classes.fixedHeight);
-
 	return (
 		<div>
 			<MainDrawer appTitle="QR Code">

frontend/src/pages/WhatsAuth/components/Qrcode.js

@@ -1,17 +1,8 @@
 import React from "react";
 import QRCode from "qrcode.react";
-import { makeStyles } from "@material-ui/core/styles";
 import Typography from "@material-ui/core/Typography";
 
-const useStyles = makeStyles({
-	main: {
-		flex: 1,
-	},
-});
-
 const Qrcode = ({ qrCode }) => {
-	const classes = useStyles();
-
 	return (
 		<div>
 			<Typography component="h2" variant="h6" color="primary" gutterBottom>