For the Clarifai Api:
From my study, I think that the programming use of Clarifai and of the Clarifai Api and of their models are a waste of the consumer's time and resources. I have found a negative potential to their interface that looks like they are offering what is already within most major code languages. In answer to your question of "How can I use my Api key from clarafai", I suggest that you delete it from your system and use the drive space otherwise.
I suggest that you look for other sources of, or additional libraries for, specifically "state management" and "routing" to use with React.
For the reactjs face recognition application:
At its most basic level facial recognition software can be simply binary comparisons of images. Lots of people seem to have their own shortcuts (that they call "algorithms") that they use to bypass the binary level comparisons. The most common seems to be attempts to universalize the face image to a set of types that can be categorized and thus removing the need to compare against full non-homogeneous data sets. React.js, as I consider it, is attempting to do that. To "apply", I suggest that you study React.js until you have a nice understanding of it and what it does, then you might find that you have a better way of using it with state management and routing software.
If you are actually wanting to use facial recognition, and not simply spamming this site to get readers to go to those other sites, then I suggest that you look into stereoscopic (image) data set comparisons for potentially much more accuracy. An example of this is elevation mapping of terrain via stereoscopes by NASA, etc.
Thank you.