# How to modify react function **URL:** \ **Category:** Development\ **Created:** [March 27, 2026, 5:45am UTC](https://discuss.openedx.org/t/how-to-modify-react-function/18673 "2026-03-27T05:45:26Z")\ **Posts on this page:** 9\ **Page:** 1
**Author:** ![Erarys](https://sea2.discourse-cdn.com/flex020/user_avatar/discuss.openedx.org/erarys/32/9055_2.png) [@Erarys](https://discuss.openedx.org/u/Erarys)\ **Post date:** [March 27, 2026, 5:45am UTC](https://discuss.openedx.org/t/how-to-modify-react-function/18673/1 "2026-03-27T05:45:26Z")
Hello How can I modify this page. I want to edit fucntion which proccess “Im ready to ..” button. I’ve opened frontend-app-learning plugin. But there is no button for exam. ![{84845532-A8B6-4CC4-80CB-BD8382A91A70}](https://us1.discourse-cdn.com/flex020/uploads/openedx/original/2X/b/ba863bf8708e4d044565937ba8f9382d161164c2.png) ---
**Author:** ![sarina](https://sea2.discourse-cdn.com/flex020/user_avatar/discuss.openedx.org/sarina/32/2308_2.png) [@sarina](https://discuss.openedx.org/u/sarina)\ **Post date:** [March 27, 2026, 3:29pm UTC](https://discuss.openedx.org/t/how-to-modify-react-function/18673/2 "2026-03-27T15:29:18Z")
Hi @Erarys could you be more specific in what you’re trying to do? Also what version of the platform or Tutor are you using? ---
**Author:** ![Erarys](https://sea2.discourse-cdn.com/flex020/user_avatar/discuss.openedx.org/erarys/32/9055_2.png) [@Erarys](https://discuss.openedx.org/u/Erarys)\ **Post date:** [March 31, 2026, 4:14am UTC](https://discuss.openedx.org/t/how-to-modify-react-function/18673/3 "2026-03-31T04:14:49Z")
I am using Tutor version 20.0.0 with edx-platform (release/teak). I want to modify the button that starts the exam. Specifically, I need to change its behavior so that when the user clicks it, they are redirected to another page. ---
**Author:** ![joel.edwards](https://sea2.discourse-cdn.com/flex020/user_avatar/discuss.openedx.org/joel.edwards/32/3193_2.png) [@joel.edwards](https://discuss.openedx.org/u/joel.edwards)\ **Post date:** [March 31, 2026, 10:50am UTC](https://discuss.openedx.org/t/how-to-modify-react-function/18673/4 "2026-03-31T10:50:47Z")
I think any related code for this action is going to be found in the [edx-proctoring](https://github.com/openedx/edx-proctoring) repo. not sure exactly how it all works but from what I can figure out it looks like it’s all based on API calls, looks like clicking the button triggers a state change and then [reloads the page](https://github.com/openedx/edx-proctoring/blob/4c2f76d2c7a8e730548d5eb377793a2ee91c3864/edx_proctoring/templates/timed_exam/entrance.html#L61) so effectively there are no redirects involved here. Unless I’m misreading it… ---
**Author:** ![Erarys](https://sea2.discourse-cdn.com/flex020/user_avatar/discuss.openedx.org/erarys/32/9055_2.png) [@Erarys](https://discuss.openedx.org/u/Erarys)\ **Post date:** [April 1, 2026, 9:40am UTC](https://discuss.openedx.org/t/how-to-modify-react-function/18673/5 "2026-04-01T09:40:03Z")
Yes yes, I know, but I want to modify it. I want that when we click it, it redirects us to the Chrome proctoring extension. I connected the plugin “frontend-app-learning”, and it’s working, but there is no button to start — “I am ready to start this timed exam.” It’s unavailable there, and in the instructions it says to connect “frontend-lib-special-exams.” Do you know something about this lib? How can I redirect the user to proctoring until the exam starts? ---
**Author:** ![sarina](https://sea2.discourse-cdn.com/flex020/user_avatar/discuss.openedx.org/sarina/32/2308_2.png) [@sarina](https://discuss.openedx.org/u/sarina)\ **Post date:** [April 1, 2026, 2:17pm UTC](https://discuss.openedx.org/t/how-to-modify-react-function/18673/6 "2026-04-01T14:17:16Z")
This is the referenced library - [GitHub - openedx/frontend-lib-special-exams: Frontend component library for displaying special exams on the edx platform · GitHub](https://github.com/openedx/frontend-lib-special-exams) - I do not know how it works, though. ---
**Author:** ![sarina](https://sea2.discourse-cdn.com/flex020/user_avatar/discuss.openedx.org/sarina/32/2308_2.png) [@sarina](https://discuss.openedx.org/u/sarina)\ **Post date:** [April 1, 2026, 2:18pm UTC](https://discuss.openedx.org/t/how-to-modify-react-function/18673/7 "2026-04-01T14:18:14Z")
@Agrendalath I saw you made a PR to [GitHub - openedx/frontend-lib-special-exams: Frontend component library for displaying special exams on the edx platform · GitHub](https://github.com/openedx/frontend-lib-special-exams) to add a plugin slot so maybe you understand this lib - any advice here? ---
**Author:** ![Agrendalath](https://avatars.discourse-cdn.com/v4/letter/a/c68b51/32.png) [@Agrendalath](https://discuss.openedx.org/u/Agrendalath)\ **Post date:** [April 1, 2026, 3:11pm UTC](https://discuss.openedx.org/t/how-to-modify-react-function/18673/8 "2026-04-01T15:11:49Z")
@Erarys, this button is implemented [here](https://github.com/openedx/frontend-lib-special-exams/blob/10e9b2fa8981471c3a6533a6f96fdcb4b2640b15/src/instructions/timed_exam/StartTimedExamInstructions.jsx#L39-L48). The button handlers are mostly [in this file](https://github.com/openedx/frontend-lib-special-exams/blob/10e9b2fa8981471c3a6533a6f96fdcb4b2640b15/src/data/thunks.js). If you want to override this button’s behavior, these are probably the most straightforward options: 1. Create a new plugin slot ([similarly to this one](https://github.com/openedx/frontend-lib-special-exams/pull/168)) that allows overriding the `StartTimedExamInstructions` page, and then use an MFE plugin to do so. 2. (This one is even easier.) Add JS overrides for this button to your Learning Header. Something like this could work: ```js const redirectToCustomExam = useCallback( (event) => { // The redirection logic. }); useElementEventListener('click', '[data-testid="start-exam-button"]', redirectToCustomExam); ``` ---
**Author:** ![Erarys](https://sea2.discourse-cdn.com/flex020/user_avatar/discuss.openedx.org/erarys/32/9055_2.png) [@Erarys](https://discuss.openedx.org/u/Erarys)\ **Post date:** [April 7, 2026, 7:24am UTC](https://discuss.openedx.org/t/how-to-modify-react-function/18673/9 "2026-04-07T07:24:49Z")
Thanks it helped