bcgov / bcgov/cas-reporting

Tech Debt: `react-outside-click-handler` is not maintaned anymore, we need to maintain our own

Open
#325 0 comments 0 reactions 0 assignees View on GitHub
DevOps Good First Issue Tech Debt
Dominant language
No language data
Stars
0
Forks
0
PR merge metrics
No merged PRs in 30d

Description

### Description of the Tech Debt

Given that `react-outside-click-handler` is not maintained anymore, there is an increasing risk of it either being pulled from NPM or depending on vulnerable packages in a hard-to-fix way.
Given that the whole thing is less than 100 lines of code, a solution would be to take ownership of it in our code (it's MIT-licensed): https://github.com/airbnb/react-outside-click-handler/blob/master/src/OutsideClickHandler.jsx

#### Tech Debt Triage

The purpose of our technical debt triage process is to analyze technical debt to determine risk level of the technical debt and the value in tackling that technical debt.

#### Risk Value Scoring:

| Level | Value |
| ------ | --------------------- |
| High |

3 |
| Medium |
2 |
| Low |
1 |

| Technical Debt - Risk Types | Level | Value |
| ----------------------------------------------------------------------------------------------------------------------------- | ----- | ----- |
| Business Area Risk - Risk of business area visibility / damage to user experience | | |
| Developer Fault Risk - How likely will this tech debt cause a future error related to coding on top of it | | |
| System Fault Risk - Risk of system errors or application downtime | | |
| Time Scale Risk - Compound risk effect if left alone. How much more difficult to fix or dangerous will this become over time? | | |
| Time Sink Risk - How much will this tech debt slow the development process down | | |
|

**TOTAL SCORE:** | | |

Contributor guide

No contributing guide indexed for this repository

Research direction

Start by locating where react-outside-click-handler is declared and used, then compare the integration with the referenced src/OutsideClickHandler.jsx implementation. Confirm the replacement preserves the current outside-click behavior and that the unmaintained dependency can be removed; the issue does not name project files or tests to run.

Written by the indexing model from the issue text.

Assessment

Tech stack
react
Domain
frontend
Issue type
Refactor
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.