diff --git a/components/sesyon/koneksyon.js b/components/sesyon/koneksyon.js
index dd5c943..12c3ee2 100644
--- a/components/sesyon/koneksyon.js
+++ b/components/sesyon/koneksyon.js
@@ -1,4 +1,4 @@
-import {useEffect, useState} from 'react'
+import {useEffect, useState, forwardRef} from 'react'
 import {signIn} from 'next-auth/client'
 import {useRouter} from 'next/router'
 import PropTypes from 'prop-types'
@@ -34,9 +34,9 @@ const PROVIDERS = [
   }
 ]
 
-function Alert(props) {
-  return <MuiAlert elevation={6} variant='filled' {...props} />
-}
+const Alert = forwardRef(function Alert(props, ref) { // eslint-disable-line func-names
+  return <MuiAlert ref={ref} elevation={6} variant='filled' {...props} />
+})
 
 function Koneksyon({detay, tit, soutit, titGwose, chimen}) {
   const [loginError, setError] = useState('')