Header:VFC increases from 179 to 188 lines of code, threshold = 120

Overly long functions make the code harder to read. The recommended maximum function length for the React language is 120 lines of code. Severity: Brain Method - Complex Method - Long Method.

We recommend to be careful here -- just splitting long functions don't necessarily make the code easier to read. Instead, look for natural chunks inside the functions that expresses a specific task or concern. Often, such concerns are indicated by a Code Comment followed by an if-statement. Use the EXTRACT FUNCTION refactoring to encapsulate that concern.