I load my settings from the server: import { Context, createContext, useEffect, useState } from "react"; export class AppSettings { buildName: string = ''; authority: string = ''; truthPortalApi: string = ''; environment: string = ''; } export const AppSettingsContext:…
I want to to something like this using Material UI (https://i.stack.imgur.com/X0aUV.png) I've used ButtonGroup but I dont know how to change the color of the borders. At this moment I have this:(https://i.stack.imgur.com/Yg3xZ.png) My code: <Grid item lg={4} className={style.navGridCenter}> <ButtonGroup variant='text'…
Our react app is configured to build and deploy using the CRA scripts and Bitbucket Pipelines. Most of our builds are failing from running yarn build with the following error: error Command failed with exit code 137. This is an…
I am trying to set up useContext in my react native app to make some data universally available, but something in my set up is wrong, as the value I'm passing down ends up being undefined in a component I'm…
I've got a Django RESTapi and the output data is like this: { "count": 1000, "next": "http://127.0.0.1:8000/store/products/?page=2", "previous": null, "results": [ { "id": 648, "title": "7up Diet, 355 Ml", "slug": "-", "description": "tincidunt eget tempus vel pede morbi porttitor lorem…
We are trying to migrate to react 18. The children prop was removed from React.FunctionComponent (React.FC) so you have to declare it explicitly in your component properties. But we want to keep the old React.FunctionComponent with children behavior. So, we…
my webgl unity application is embedded into my js/html website with a react component, with the Unity screen set to the width of the browser window. the dev of the application calls a function to change the screen resolution at…
The following is the output of the react code: .borderCell { border: 1px solid #e0e0e0; } .shiftCell{ background-color:#ff99cc; min-width:27px; text-align: center; } .shiftContent:focus{ outline: none } .shiftContent{ padding: 0px; margin: 0px; } .shiftContent::-moz-selection{ background: none; } .shiftContent::selection{ background: none; }…
I use Material Datatable in my React app and want to render the following part conditionally if data is not null or undefined. It is also ok for me not to execute Object.entries(data).map(x => ( line. <TableBody > { Object.entries(data).map(x…
I am having a SEARCH button in my component and I want to call 2 different APIs when user clicks on this button. <div className="ShipCard"> <div className="grid2"> <h1>Enter SO Gateway ID </h1> <input type="text" name="gatewayID" onChange={changeData}/> </div> <button className="ShipSearch" onClick={onSearch}>Search</button>…