NotificationSystem

I have created a react application and on a click of one button I am opening my form with props being passed into it.

But when I print the props => match.params values from my form page after routing.. its displaying a null array.. My Router

I have developed a mini web-portal which has a react based form for saving records and a retrieval page to search those records / delete and edit them.. When I click edit. Then I want my form to get open which can be done through routers.

I have have routed to my form page but it is hiding all the panels and menus and showing just the page. Can anybody help what am I doing wrong with the router?

Retrieval JSX file

Formik

I am new to formik and start using it every time i start learning i got this issue

Uncaught Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object.

I am unable to locate error cause this is my code // here is Login.js file

I am learning to use igorprado's react-notification-system.

I followed the docs and have set up on the top level HTML element and the other set up on my main router file.

Main.jsx

I am having issues integrating react-system-notification module in my app, having read the documentation about Reason React Ref I am not sure why the reference is not passed down the stack; a hint would be much appreciated.

I keep getting the error below, I have used this component in the past in React but it seems that there is some issue when used in ReasonML/React. I suspect a null reference is passed down which breaks the component.

Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.

Check the render method of Notifications.

Binding:

Building a modal component that opens up a bootstrap modal from any part of the app then sets custom states for that component outside of it. It works fine but i always just get this error once i open the modal and I cant seem to figure out why:

Warning: setState(...): Cannot update during an existing state transition (such as within render or another component's constructor). Render methods should be a pure function of props and state; constructor side-effects are an anti-pattern, but can be moved to componentWillMount.` Doesnt really break anything but error keeps showing up.

My code:

layout.js

I have an app like this, and want to use react-notification-system,

And I'm curious about 1 thing, is it possible to turn on notification when something happens in TestComponent?

In other words when something happens in TestComponent how to call parent Component in App.js?

App.js has a routing system

xyz.com/test

i really new on React and i have a problem. I have a notification system that i envelope inside a component. To this component i need to send the object that contains the message and the level of the message.

I have this component on the top level of the app. So i want that my another child components can access to this notification component.

For example, if i have a login component and the login fails, then i want to call this notification:

Using react-notification-system, I am attempting to create a pop-up notification each time a JSON array is returned from the backend. For the sake of showing the issue I've manually added the array and parsed it in the below code.

As it appears I wish to trigger the event if the "type" of the alerts array is either "WARNING" or "ERROR", and furthermore print the message that comes along with it in the "message" part.

I'm pretty sure the issue I have is with the state and props. Right now, running this code, I am getting Uncaught TypeError: Cannot read property 'type' of undefined - Which leads me to the question, how do I access the information inside the array in React properly, and trigger it in the return function on the conditions?

Sample code: