react-calendar | Developer test to build a fully functional calendar | Frontend Framework library

when I click the Prev Button or Next Button, there is not any function can control it. eg: When I click the Prev Button, I want a Toast a string, AND DO NOT GO TO THE PREV VIEW. However, there is no any Function can I disabled it.

I put the issue on the github of react-calendar, but the author says I should post this on here (stack-overflow).

I am working on a mern application in my code I have created many components and use react state hook and react context api hook for managing data flow through application but when in a component where many states already exist i create a new state it shows me error my new state code is attached

I use the gatsby environment.

Since graphql is used in gatsby, useStaticQuery is used.

It works fine in the development environment(gatsby develop), In the environment after building(gatsby build && gatsby serve), an error like the title has occurred.

Error Text

Error: The result of this StaticQuery could not be fetched.

This is likely a bug in Gatsby and if refreshing the page does not fix it, please open an issue in https://github.com/gatsbyjs/gatsby/issues

Error code

When trying to push my app to Heroku I am getting the following errors (edited for brevity):

I am using React's Context API to call setCurrentUser below. But it gives me this error:

TypeError: setCurrentUser is not a function.

Upon logging console.log(useContext(globalContext)), I get the empty object {}.

I have manually converted my project from TS(where it worked by specifying setCurrentUser as type Dispatch) to JS, so I am not sure if that broke something...at least my react and react-dom packages should be current.

How do we make this work with JS? Thanks

Router.jsx - where I am calling setCurrentUser

this is the error i received

Error: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:

1. You might have mismatching versions of React and the renderer (such as React DOM)
2. You might be breaking the Rules of Hooks
3. You might have more than one copy of React in the same app See https://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem.

This is my code:

How can I get the value of start date and end date? I use:

I have a date range picker from Syncfusion, I installed the package and import the component to my react project. I'm pretty much new to DateRangePicker, so I wonder how can I get the value of the DateRangePicker.

here is my code

I'm using react/express.

I have a simple webpage, which takes user input and stores this in SQL using axios.post. In my backend I need to access this user variable in my get, so I can filter what to send back to the user.

I have not been able to get the return function to work and I don't want to use global variables as it has caused errors before.

Is there something i'm missing? How can I access a variable from my get request from my post request.

frontend.js