diff --git a/client/src/common/components/ErrorArea/ErrorArea.jsx b/client/src/common/components/ErrorArea/ErrorArea.jsx
new file mode 100644
index 0000000..8948aa2
--- /dev/null
+++ b/client/src/common/components/ErrorArea/ErrorArea.jsx
@@ -0,0 +1,10 @@
+import "./styles.sass";
+import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
+import {faExclamationCircle} from "@fortawesome/free-solid-svg-icons";
+
+export const ErrorArea = ({error}) => (
+    <div className="error-area">
+        <FontAwesomeIcon icon={faExclamationCircle} className="error-icon" />
+        <h2>{error}</h2>
+    </div>
+)
\ No newline at end of file