diff --git a/assets/js/src/notices/api_errors_notice.jsx b/assets/js/src/notices/api_errors_notice.jsx
new file mode 100644
index 0000000000..ada028c8b6
--- /dev/null
+++ b/assets/js/src/notices/api_errors_notice.jsx
@@ -0,0 +1,15 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import Notice from 'notices/notice.jsx';
+
+const APIErrorsNotice = ({ errors }) => {
+  if (errors.length < 1) return null;
+  return <Notice type="error">{errors.map(err => <p key={err.message}>{err.message}</p>)}</Notice>;
+};
+APIErrorsNotice.propTypes = {
+  errors: PropTypes.arrayOf(PropTypes.shape({
+    message: PropTypes.string.isRequired,
+  })).isRequired,
+};
+
+export default APIErrorsNotice;