SEREnE | Sandboxed Environment for Reverse Engineering 'n ' Education | Reverse Engineering library

After you update question. I saw the problem is you pass callback={handleChangeOptions} in HighchartsReact. So you just remove it. everything will work normally.

You need to wrap your provider around App in index.js

as shown:

After inspecting the site you included, there were quite a few errors displayed in the console.

1. Failed to load resource: the server responded with a status of 404 ()
2. Manifest: Line: 1, column: 1, Syntax error.

It seems that your manifest.json file has a syntax error, so that would be a good place to start. Next, almost all of your build files are failing to be loaded by the page. That makes me think Netlify was able to deploy your site but the static assets from the build folder weren't available hence the "Failed to load resource" error for all the build file chunks like main.e8a3c755.chunk.js.

The netlify.toml is a configuration file that specifies how Netlify builds and deploys your site. To start using one, just create a file called netlify.toml at the root directory of your project. This config file will supply Netlify with information about how your project should be built, how it should handle redirects, amongst other useful things.

1. Using an index as an id isn't a good idea, they aren't unique.
2. handleChange doesn't persist existing input state.
3. Other various issues with React keys, and copying state from input to data

1. You don't need input objects, you can store the string primitives from the inputs. This means you also don't need the id property, it is trivial to update by index.
2. Should use functional state updates to update from previous state.
3. I suggest using a form and onSubmit handler to handle updating the data state array values.

Code:

Update: I didn't finish reading your question, sorry!

To solve, I recommend doing what Bootstrap does. Use a default class for your default button like:

You could use an useEffect to listen for changes in props passed in:

There are multiple issue,

1. In Dropdown component you should add eventListener for onClick not onChange.

2. Inside handlePaymentImageChange method you are using e.target.value for the value. But in your case e itself is the value. So you should write,

   setPaymentImage({ ...paymentImage, value: e });

3. When you are rendering the image there is no check. So check if value is "Visa" and render visa image and so on.

I have updated the code here please check.

Use left join with a where condition vr.reservationid is null

In the form, you have int field with lookup editor which shows lookup text values and send int values behind. When you add lookupeditor on row field, its act as default editor type for forms. you can override it from XyzForm.cs

In the grid you dont have an editor type. so you see int values directly. If int value has join, you can use joined text field instead id.