Knowledge Base for IT Professionals, Teachers and Astronauts
Error: MUI: The data grid component requires all rows to have a unique
idproperty.
Alternatively, you can use thegetRowIdprop to specify a custom id for each row.
A row was provided without id in the rows prop:
The Material UI Data Grid needs to have a unique ID to identify the rows.
To specify the column with the unique numbers, use the getRowId property.
<DataGrid
rows={rows}
getRowId={(row) => row.MY_ID_COLUMN}
columns={columns}
/>When a software update changes folder permissions we can lose access to Node.js module locations.
In case of the error message
Error: EACCES: permission denied, rename ‘/usr/local/lib/node_modules
sudo chown -R $USER /usr/local/lib/node_modulesThis chart contains the needs of each industries in Railway Empire 2.
When a city opens for a new industry
If only one main line runs through your railway station, but the traffic is very high, build a station with 8 tracks. To allow trains to use any track of the station, we could use 8 track gridirons, but those require long parallel tracks. We can use four 2 track gridirons, and combine the tracks with curved tracks in a much smaller footprint. We will also add an 8 track supply tower to refill trains on all tracks.
To prepare the site for the construction,
Remix vastly simplifies access to backend processes by auto-generating all API calls between the browser and the web server. We only need to create the “loader()” function to get data from the server and the “action()” function to submit a form.
For security reasons the Node.js web application environment variables are not available in the browser, as those usually contain sensitive information, like database access credentials.
The “loader()” function can read and expose selected environment variables to the browser via the API.
Make sure you have created the /app/routes/_footer.tsx file to display the name of the environment. See Footer in the previous post.
import { LoaderArgs, json} from "@remix-run/node";
import { useLoaderData } from "@remix-run/react";
export default function Index() {
// -----------------------------------------
// Get the data from the server side
// Use "|| {}" to avoid TypeError: Cannot destructure property 'incidents' of 'useLoaderData(...)' as it is null.
const { environment} = useLoaderData<typeof loader>() || {} ;
// -----------------------------------------
return (
<div style={{ fontFamily: "system-ui, sans-serif", lineHeight: "1.8" }}>
{/* Display the Header component */}
<Header />
<div className="pagecontent">
Hello
</div>
{/* Display the Footer component */}
<Footer environment={environment} />
</div>
);
}
A natural or manmade obstacle prevents track building.
To clear the landscape for the tracks
sh: npm-run-all: command not found
npm install -g npm-run-allsh: cross-env: command not found
npm install -g cross-envTo connect a branch line to a main line at a railway station in Railway Empire 2, create a station with four platforms. In the example below the mainline is on the left side on tracks #1 and #2, the branch line arrives to tracks #3 and #4 at the bottom from the right.
To allow any train to reach any track, we will place a four track gridiron where the branch line arrives.
At the top we will connect tracks #3 and #4 to the main line, so the branch line trains can continue on the main line, and main line trains on the branch line.
We will place two separate 2 tracks gridirons, one on tracks #1 and #2, and another on tracks #3 and #4. A four track gridiron would also work, but it requites twice as long parallel tracks.
– Automatic Pause stops the game when we open the track building panel. This prevents traffic jams, but stops the game and progress unnecessarily.
– When the window loses focus the game and progress stops.
– Edge scrolling is very fast and sensitive in Railroad Empire 2. To disable automatic edge scrolling.
– It is helpful to see the topography during track construction.
– After a while opponents regularly repeat the same insults, at least we can silence them.
By default the game automatically pauses and stays in pause mode when you open the track construction panel. In this state even the tutorial stops responding. We can turn off Automatic Pause on the Controls tab of Options (see Configuration above).
An industry in the city grows if the demand is at least 60% satisfied.
Your main city needs a type of goods
Another city supposed to produce and send it, but for the industry to activate the population has to reach a minimum level
When you try to add a new station to a line, and the directly connected cities do not need the type of good it supplies, the message appears:
According to the settings you made, your train line cannot perform any actions at the station of …
You should check the settings so that the trains do not have to make unnecessary stops.
To help to distribute the goods to other cities, create a warehouse at a station which has another lines, and add the types to the warehouse on that station:
This station cannot be reached from the previous station and therefore can not be added to the list.
The trains cannot switch between tracks to make the round trip between the stations.
When you connect the first track to the station the track you use determines the size and cost of the platforms. For rural stations use the first two tracks closest to the building to minimize the cost.
To transfer freight between lines in cities and rural stations those have to have a warehouse. The transfer happens if there is no direct rail, and the way by rail is at most twice as long as the direct way by road.
Warning: The warehouse does not supply the place where it is placed. Its only purpose is to supply the connected cities, so the hosting city will not get from the stock. Use the warehouse only for goods which are not needed in that city, or set up a separate freight station to supply the city with lines from the suppliers.
Warning: the selected good types will not supply the place hosting the warehouse, only places with connected rail lines!
Passengers and mail can transfer between lines in cities, but rural stations have to have a hotel. The transfer happens if there is no direct rail, and the way by rail is at most twice as long as the direct way by road.
If another company acquires 100% of your stocks, the game is over. To remove this possibility disable mergers.
When in one area more than 50 employees work for you, start to optimize your staff.
If you place refrigerator cars on the line the revenue of meat, vegetables, fruits, milk and dairy products increases by 25%.
When a Lucid Chart image is embedded in a web page, the Lucid viewer allows the accidental scrolling and zooming of the image. Currently, there is no option to disable these features.
There is a simple way to prevent accidental interaction with the Lucid Chart viewer. We can place a transparent layer on top of the image to isolate it.
This syntax is for Remix React.js, which uses {{ }} around the style elements, but it should be easy to reformat it for regular CSS
<div style={{width: '960px', height: '720px', margin: 'auto', position: 'relative'}}>
<img src="transparent-1_1.png" style={{width: '100%', height: '100%', position: 'absolute'}}/>
<iframe allowFullScreen frameBorder="0" style={{width: '100%', height: '100%'}} src="https://lucid.app/documents/embedded/MY_GUID" id="MY_ID">
</iframe>
</div>