Missing dependencies in useEffect in react-example-initTokenize

[Mhmdabed11]

Problem Description

I am trying to use the react-example-initTokenize sample provided. I noticed that there are missing dependencies in the array in useEffect in the code.

Example 1

In the code below, the useEffect is missing 4 dependencies which are: Here is a link to the code: https://github.com/datatrans/secure-fields-sample/blob/master/react-example-initTokenize/src/SecureFields.js#L51 cleanupSecureFields, initSecureFields, production, secureFields .

Example 2

In the code below, the useEffect is missing some dependancies: cardContainerClassNames, cvvContainerClassNames, secureFields Here is a link to the code: https://github.com/datatrans/secure-fields-sample/blob/master/react-example-initTokenize/src/SecureFields.js#L73

Proposed Solution:

I believe that the dependencies should be added to avoid rendering bugs.

[pstadler]

So, does it work for you, or are you seeing any bugs?

• The dependency array in Example 1 is empty on purpose - we only want to run this once
• The dependency array in Example 2 contains secureFields, because we want to register callbacks once, as soon as secureFields has been made available

Please let us know if something does indeed lead to rendering being buggy.