Parse HTML content in VBA

I have a question relating to HTML parsing. I have a website with some products and I would like to catch text within page into my current spreadsheet. This spreadsheet is quite big but contains...

Controlling submit with data for redux-form

I have a redux-form detailed below. According to the docs, I should be able to pass a function to handleSubmit and have it get called, but it does not seem to. I'd like to preventDefault, then...

Material-ui: textfields inside stepper is not taking their defaultValues correctly

Here's the link to material-ui stepper: http://www.material-ui.com/#/components/stepper I am trying to use a three-step stepper, at each step I have a material-ui text-field with some default...

FlutterError: Unable to load asset

This is the folder structure of my app .idea .vscode android build fonts Oxygen-Bold.tff Oxygen-Light.tff Oxygen-Regular.tff images pizza0.png pizza1.png ios lib ui home.dart ...

How to encode an array and send it via POST request to the backend

I load CSV data in the React.js front-end using FileReader: import React, { Component } from 'react'; import { CsvToHtmlTable } from 'react-csv-to-table'; import ReactFileReader from...

Invalid hook call. Hooks can only be called inside of the body of a function component

I want to show some records in a table using React but I got this error: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the...

React material-ui text field screen shakes

I have a simple react code. There is a material-UI Textfield. When I click in the text box to enter data, the screen shakes. After entering data, I click outside, the box screen shakes. Do help me...

Deploying Reactjs website on github pages with routing results in 404 error on refresh

I've created a ReactJS webpage with multiple routes using BrowserRouter and deployed in via GitHub pages with its own domain. The website works perfectly as intended, however, when I refresh the...

Setting text color, outline, and padding on Material-ui Autocomplete component

We'd like to change the text color, outline, and padding on a Material-ui Autocomplete component. The code looks like this: <FormControlLabel label="Please enter...

react Trying to convert from bootstrap to Material UI

I have a react app and I am trying to convert it from bootstrap to Matrial-UI but when I try to change the modal from bootstrap to material-ui the form does not work. I have not used material-ui...

Hooks Input elements should not switch from controlled to uncontrolled (or vice versa)

I'm working in a project, using react hooks. I'm getting an error message when I am trying to use useState to handle the update from a field. I am defining the state just like: const [searchText,...

Built electron app with react frontend and express proxy backend not directing api requests to express

I am building an Electron application from Create-React-App and an proxy express server to handle data and backend logic. (Reason for this is I want to separate electron specific api calls with...

When I pass dynamic color value from JSON into BarSeries, devextreme bar chart does not recognize them and make all bars black

I have built a data visualizer using ReactJS and @devexpress and @material-ui. The chart currently looks like this: However, I want the bars to render with dynamic colours, which are present in...

Attempted import error: 'useHistory' is not exported from 'react-router-dom'

useHistory giving this error: Failed to compile ./src/pages/UserForm/_UserForm.js Attempted import error: 'useHistory' is not exported from 'react-router-dom'. This error occurred during the...

Can I initialize the checkbox selection in MUI DataGrid?

In a MUI DataGrid it is super easy to add a checkbox selection via the checkboxSelection attribute and listen to selection changes via onSelectionChange: <DataGrid columns={columns} ...

MUI Change ListItemText styles when active in react-router

I am currently using ListItem from MUI. I am trying to make it bolder when it is active but seems font-weight doesn't work. See below for the code. <List component='nav' ...

(React) Material-UI: A component is changing the controlled checked state of SwitchBase to be uncontrolled

I am using the useState hook and have an array of conditions const [conditions, setConditions] = useState([]) Each element in this array contains a {condition: "some string", value: boolean} I...

How can I dynamically tie my form into Formik, in React functional component

I'm building a React component which loads form data dynamically from an external API call. I'll need to submit it back to another API endpoint after the user completes it. here it is: import...

React Styleguidist starting slooooooow

We use https://react-styleguidist.js.org/ to develop and display components for re-use. We used it some years now and consists of JS and TS files. When starting with styleguidist server, the...

Material UI TextField label does not move up when the value for TextField is set porgramatically

I have a TextField element that is connected to react-hook-form. When I focus on that input I open a list of countries, so that I can choose a country to populate its phone code into the field...

How to use Material UI from component library in a project with Material UI already?

I'm using Material UI in my project and at same time, we have a component library (a npm package with many shared React components). These components in the library are also based on Material...

What is the difference between material-ui and mui

I'm trying to use a 'Select' component in React. It turns out that there is a version in @material-ui/core and another one in @mui. I'm so confused. Why are there different components out there...

How to conditional disable input depend on another input value in "React-hook-form'?

I want to conditional disable input based on another input value. The common use case is we have a checkbox and we need to disable/enable another input in the same form. How could I achieve it...

ThemeProvider does not apply theme to child components from material ui library

I am using Typescript, React. Material-UI (now MUI) and Webpack. I am trying to apply a theme using material-ui's ThemeProvider but it only seems to apply that theme to components that are not...

TypeError: Cannot read properties of undefined (reading 'style')

Been stuck on debugging this for quite a while. I'm trying to have a group of items change onClick but with the use of transform but 'style' is undefined. I've also included the Card component...

How to get values of row after edit for MUI data grid?

I am trying to get the values thatI just edited from mui data-grid. My use case is that i would like to be able to take these values and update the state/send a request to update a database. I...

Material UI , Next12, React 18

I'm trying to try out the latest version of NextJS(version 12) to give my project access to SSR ServerComponents & Http streaming. MaterialUI works fine with Next 12.0.7 and React 17 (installed...

Configure imports relative to root directory in create-react-library library

I am trying to setup a react component library with create-react-library (which uses rollup under the hood) and port over our application's existing component library so that we can share it...

How to get overall error status on Material UI DataGrid?

I am using Material UI DataGrid component to render EXCEL file. Each Excel file has several column Names and have specific types. For example: const columns = [ { "field": "uwgroup", ...

how to disable future time in material-ui KeyboardDateTimePicker in reactjs

I'm using Material UI KeyboardDateTimePicker and by using disabledFuture I was able to disable future date but I want to disable future time as well. any solution would be appreciated import {...