diff --git a/bloglist_frontend/src/components/ErrorNotification.js b/bloglist_frontend/src/components/ErrorNotification.js
new file mode 100644
index 0000000000000000000000000000000000000000..d9b717ea793ed0e00e4379b7d78a3e641ad7a2e5
--- /dev/null
+++ b/bloglist_frontend/src/components/ErrorNotification.js
@@ -0,0 +1,12 @@
+const ErrorNotification = ({ message }) => {
+    if (message === null) {
+      return null
+    }
+  
+    return (
+      <div className="error">
+        {message}
+      </div>
+    )
+  }
+  export default ErrorNotification
\ No newline at end of file