title: How to initialize Fancybox in reactjs component?
body: <p>Can anyone advise how I can import or initialize Fancybox in my ReactComponent, please?</p>
  
  <p>I am working on building a salon website using ReactJs. I already installed jQuery &amp; Fancybox by doing "npm install ...". Now I want to use Fancybox box to create a JSX component which is an image gallery. </p>
  
  <p>I don't know how to start/initialize/import Fancybox to start using it.</p>
  
  <p>I am looking for your advice. Thanks!</p>
  
  <p>here is the codes that I am trying to use</p>
  
  <p><a href="https://i.stack.imgur.com/2e79P.png" rel="nofollow noreferrer">Click to see my code</a></p>
  
  <p><a href="https://i.stack.imgur.com/j36xn.png" rel="nofollow noreferrer">click here to see the error: ReferenceError: jQuery is not defined</a></p>