I have a react app that was created with create-react-app. Everything works perfectly on chrome but the app crashes on safari and the following error is in the safari console:
"SyntaxError: Invalid regular expression: invalid group specifier name"
Error message as displayed in console
Line where the error occurs in vendors~main.chunk.js
I am completely unsure of what to do to fix this issue. Any help would be much appreciated. Thank you.
Use a capturing group:
const regex = /{([$0-9a-zA-Z_]+)(?=.*})/g
const variable = []
let m;
while (m = regex.exec(segment)) {
variable.push(m[1])
}
See regex proof.
EXPLANATION
--------------------------------------------------------------------------------
{ '{'
--------------------------------------------------------------------------------
( group and capture to \1:
--------------------------------------------------------------------------------
[$0-9a-zA-Z_]+ any character of: '$', '0' to '9', 'a'
to 'z', 'A' to 'Z', '_' (1 or more times
(matching the most amount possible))
--------------------------------------------------------------------------------
) end of \1
--------------------------------------------------------------------------------
(?= look ahead to see if there is:
--------------------------------------------------------------------------------
.* any character except \n (0 or more times
(matching the most amount possible))
--------------------------------------------------------------------------------
} '}'
--------------------------------------------------------------------------------
) end of look-ahead