uncaught TypeError: Failed to execute 'getComputedStyle' occurs and keeps racking up but doesnt crash anything about mdb-react-ui-kit HOT 7 CLOSED

me too. the source appears to be this:

from mdb-react-ui-kit.

Can you post the code that causes this error? We'll check why this is happening

from mdb-react-ui-kit.

i happens most reliably on this page as soon as i click into one of the input fields. thanks for taking a look, i appreciate it

import React, { useState } from "react";
import { useLoginMutation } from "../redux/apiSlice";
import { useNavigate } from "react-router-dom";
import {
MDBInput,
MDBCol,
MDBRow,
MDBBtn,
MDBContainer
} from 'mdb-react-ui-kit';

function Signin() {
const [login] = useLoginMutation();
const [username, setUsername] = useState("");
const [password, setPassword] = useState("");
const navigate = useNavigate();

const handleSubmit = async (e) => {
e.preventDefault();
const response = await login({ username, password });
if (response.error) {
if ( response.error.status === 422) {
alert(response.error.data.detail[0].msg);
} else {
alert(response.error.data.detail);
}
} else {
navigate("/");
}
};

return (
<>




<form onSubmit={(e) => handleSubmit(e)}>
<MDBInput
className="form-input mb-4"
type="email"
label="Email address"
onChange={(e) => setUsername(e.target.value)}
/>
<MDBInput
className="form-input mb-4"
type="password"
label="Password"
onChange={(e) => setPassword(e.target.value)}
/>

Sign in






</>
);
}

export default Signin;

from mdb-react-ui-kit.

The code seems incomplete. The submit button is missing and the form tag is not closed. I added the missing code and unfortunately, I don't have this error. What version of MDB React are you using?

from mdb-react-ui-kit.

me too. the source appears to be this:

Hey was the resolved ?

from mdb-react-ui-kit.

i happens most reliably on this page as soon as i click into one of the input fields. thanks for taking a look, i appreciate it

import React, { useState } from "react"; import { useLoginMutation } from "../redux/apiSlice"; import { useNavigate } from "react-router-dom"; import { MDBInput, MDBCol, MDBRow, MDBBtn, MDBContainer } from 'mdb-react-ui-kit';

function Signin() { const [login] = useLoginMutation(); const [username, setUsername] = useState(""); const [password, setPassword] = useState(""); const navigate = useNavigate();

const handleSubmit = async (e) => { e.preventDefault(); const response = await login({ username, password }); if (response.error) { if ( response.error.status === 422) { alert(response.error.data.detail[0].msg); } else { alert(response.error.data.detail); } } else { navigate("/"); } };

return ( <> <form onSubmit={(e) => handleSubmit(e)}> <MDBInput className="form-input mb-4" type="email" label="Email address" onChange={(e) => setUsername(e.target.value)} /> <MDBInput className="form-input mb-4" type="password" label="Password" onChange={(e) => setPassword(e.target.value)} /> Sign in </> ); }

export default Signin;

were you able to resolve the error

from mdb-react-ui-kit.

The issue was fixed in version 6.2.0.

from mdb-react-ui-kit.