use useRef instead of createRef (closes #4)

Author: Le0Developer

HISTORY.md

@@ -7,6 +7,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+### Fixed
+
+- Race condition by using `useRef` instead of `createRef` (#4)
+
 ## [1.0.2] - 2022-10-05
 
 ### Added

src/index.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect, createRef, useState } from "react";
+import React, { useEffect, useState, useRef } from "react";
 
 const global = globalThis ?? window;
 let turnstileState =
@@ -56,7 +56,7 @@ export default function Turnstile({
   onError,
   onExpire,
 }: TurnstileProps) {
-  const ref = createRef<HTMLDivElement>();
+  const ref = useRef<HTMLDivElement>();
   const inplaceState = useState<TurnstileCallbacks>({ onVerify })[0];
 
   useEffect(() => {