I am trying to set the background image under my components. But it always is on top, so my elements are under it. Or in the second variant, all works fine, except that I can't apply blur-xl only to the…
I'm trying to accomplish this... in this example the green stroke is filled when the people selected (1), and the gray ones are the total of people (6) other example is green stroke is filled (3) and total (6) what…
I have created MUI Nav bar which has a couple of items on the right. Upon clicking on the user icon a dropdown menu should be displayed. The menu pops up but I get this error - Warning: Failed prop…
I am trying to implement React Material UI Autocomplete component by using Formik (setFormValue) and custom renderOption property, so I don't use TextField component, but custom input field. Filtering options works as expected, so when I enter some value in…
I'm trying to make a small app that reads an endpoint to get a list of items. The app will then loop through and pull the details for the items. I did get a version to work but it breaks…
At the moment my program looks like this: let final = text; const divElement = document.createElement('div'); // eslint-disable-next-line max-len const linkRegExp = /b(((http(s)?://)([w-]{1,32}(.|:)[w-]{1,32}))|([w-]{1,32}(@)[w-]{1,32}(.)[w-]{1,32})|([w-]{1,32}(.)[A-Za-z]{1,32}))b/gi; function replacer(url) { if (url.match(/S+@S+.S+/ig)) { const email = document.createElement('a'); email.innerHTML = url; email.href = `mailto:${url}`; email.setAttribute('class',…
If I have a generic Input component in a React Hook Form that can be used for both sign up & sign in forms, how can I make the IFormValues flexible, so that it can be used for both forms…
I found this example of Smoke Test with ReactJS and Jest, but I can't understand it. Someone can explain it to me, please? Well, first I can't see the difference between 'smoke tests' and 'unit tests' I see people say…
I am essentially to display a Login/Signup card when a user clicks on the sign up button of my website. However, the component I am trying to render on click is not showing up. Below is my code - import…
I am trying to use 3rd party package ReactPhotoSphereViewer in NextJs to display panoramic images in the website. The package works both in NextJs and in ReactJs. Here is the code that is works in ReactJs: import { ReactPhotoSphereViewer }…