This is not an official support form and for almost every employee here it is past end of day

W

WalshyOP•5/30/24, 12:02 AM

You can open a ticket if you want official support

W

WalshyOP•5/30/24, 12:08 AM

I'd recommend disabling all extensions and trying with just a clean browser. These issues are often caused by extensions doing funky things.

WWalshy This is not an official support form and for almost every employee here it is pa...

S

screen•5/30/24, 1:12 AM

you're right, i got frustrated after getting nowhere the whole day

S

screen•5/30/24, 1:13 AM

I did disable all extensions and sites (apart from discord) seem to be working properly now, so i'm currently in the process of finding the exact extension(s) responsible

S

screen•5/30/24, 1:14 AM

Thanks for your help, really>>> I'll seek help again should the issuues return

P

Paradox_77•5/30/24, 3:18 PM

I get this error when trying to use react-turnstile

P

Paradox_77•5/30/24, 3:18 PM

TurnstileError: [Cloudflare Turnstile] Invalid or missing type for parameter "sitekey", expected "string", got "object".

P

Paradox_77•5/30/24, 3:19 PM

i have setup turnstile key properly but doesnt seem to work

P

Paradox_77•5/30/24, 4:00 PM

export function TurnstileProvider(props: {
  isInPopout?: boolean;
  onUpdateShow?: (show: boolean) => void;
}) {
  const siteKey = conf().TURNSTILE_KEY;
  const idRef = useRef<string | null>(null);
  const setTurnstile = useTurnstileStore((s) => s.setTurnstile);
  const processToken = useTurnstileStore((s) => s.processToken);
  if (!siteKey) return null;
  return (
    <div
      className={classNames({
        hidden: !props.isInPopout,
      })}
    >
      <Turnstile
        sitekey={siteKey}
        onLoad={(widgetId, bound) => {
          idRef.current = widgetId;
          setTurnstile(widgetId, bound, !!props.isInPopout);
        }}
        onError={() => {
          const id = idRef.current;
          if (!id) return;
          processToken(null, id);
        }}
        onVerify={(token) => {
          const id = idRef.current;
          if (!id) return;
          processToken(token, id);
          props.onUpdateShow?.(false);
        }}
        onBeforeInteractive={() => {
          props.onUpdateShow?.(true);
        }}
        refreshExpired="never"
        execution="render"
      />
    </div>
  );
}

export function TurnstileProvider(props: {
  isInPopout?: boolean;
  onUpdateShow?: (show: boolean) => void;
}) {
  const siteKey = conf().TURNSTILE_KEY;
  const idRef = useRef<string | null>(null);
  const setTurnstile = useTurnstileStore((s) => s.setTurnstile);
  const processToken = useTurnstileStore((s) => s.processToken);
  if (!siteKey) return null;
  return (
    <div
      className={classNames({
        hidden: !props.isInPopout,
      })}
    >
      <Turnstile
        sitekey={siteKey}
        onLoad={(widgetId, bound) => {
          idRef.current = widgetId;
          setTurnstile(widgetId, bound, !!props.isInPopout);
        }}
        onError={() => {
          const id = idRef.current;
          if (!id) return;
          processToken(null, id);
        }}
        onVerify={(token) => {
          const id = idRef.current;
          if (!id) return;
          processToken(token, id);
          props.onUpdateShow?.(false);
        }}
        onBeforeInteractive={() => {
          props.onUpdateShow?.(true);
        }}
        refreshExpired="never"
        execution="render"
      />
    </div>
  );
}

export function TurnstileProvider(props: {
  isInPopout?: boolean;
  onUpdateShow?: (show: boolean) => void;
}) {
  const siteKey = conf().TURNSTILE_KEY;
  const idRef = useRef<string | null>(null);
  const setTurnstile = useTurnstileStore((s) => s.setTurnstile);
  const processToken = useTurnstileStore((s) => s.processToken);
  if (!siteKey) return null;
  return (
    <div
      className={classNames({
        hidden: !props.isInPopout,
      })}
    >
      <Turnstile
        sitekey={siteKey}
        onLoad={(widgetId, bound) => {
          idRef.current = widgetId;
          setTurnstile(widgetId, bound, !!props.isInPopout);
        }}
        onError={() => {
          const id = idRef.current;
          if (!id) return;
          processToken(null, id);
        }}
        onVerify={(token) => {
          const id = idRef.current;
          if (!id) return;
          processToken(token, id);
          props.onUpdateShow?.(false);
        }}
        onBeforeInteractive={() => {
          props.onUpdateShow?.(true);
        }}
        refreshExpired="never"
        execution="render"
      />
    </div>
  );
}

export function TurnstileProvider(props: {
  isInPopout?: boolean;
  onUpdateShow?: (show: boolean) => void;
}) {
  const siteKey = conf().TURNSTILE_KEY;
  const idRef = useRef<string | null>(null);
  const setTurnstile = useTurnstileStore((s) => s.setTurnstile);
  const processToken = useTurnstileStore((s) => s.processToken);
  if (!siteKey) return null;
  return (
    <div
      className={classNames({
        hidden: !props.isInPopout,
      })}
    >
      <Turnstile
        sitekey={siteKey}
        onLoad={(widgetId, bound) => {
          idRef.current = widgetId;
          setTurnstile(widgetId, bound, !!props.isInPopout);
        }}
        onError={() => {
          const id = idRef.current;
          if (!id) return;
          processToken(null, id);
        }}
        onVerify={(token) => {
          const id = idRef.current;
          if (!id) return;
          processToken(token, id);
          props.onUpdateShow?.(false);
        }}
        onBeforeInteractive={() => {
          props.onUpdateShow?.(true);
        }}
        refreshExpired="never"
        execution="render"
      />
    </div>
  );
}

P

Paradox_77•5/30/24, 4:00 PM

siteKey is just a string that has my sitekey ("0x4AAA......")

P

Paradox_77•5/30/24, 4:01 PM

im using this package https://www.npmjs.com/package/react-turnstile

npm

react-turnstile

React library for Cloudflare's Turnstile CAPTCHA alternative. Latest version: 1.1.3, last published: 3 months ago. Start using react-turnstile in your project by running

npm i react-turnstile

npm i react-turnstile

npm i react-turnstile

npm i react-turnstile. There is 1 other project in the npm registry using react-turnstile.

Original message was deleted

P

Paradox_77•5/30/24, 4:04 PM

i hard coded it with a string

P

Paradox_77•5/30/24, 4:04 PM

and it still gave me the same error

Original message was deleted

P

Paradox_77•5/30/24, 4:05 PM

oh damn thats impressive

P

Paradox_77•5/30/24, 4:13 PM

any idea's as to what im doing wrong?
im hard setting now but it still gives me that error
i used the sitekey from the example but i tried it with my own

Original message was deleted

P

Paradox_77•5/30/24, 4:36 PM

yeah sure give me a few minutes

R

Rajat•5/31/24, 5:25 AM

Hey guys,
I'm new here and kind of new to the world of development as well.

I'm a bit curious on the pricing of turnstile. We've recently faced an issue where our implemented google recaptcha is failing in China and we're planning to move to turnstile for the "affected regions" only. This creates an issue of loading any of these scripts. The stakeholders want turnstile to boot up only when captcha fails. Implying we can rely on the free version. (Less hits).

What I'm curious about is how the pricing model works. Where does cloudflare charge us?? For the "client-side integration" or for the token we use from client-side to validate it on the server side? Or both of these?

S

Swati•5/31/24, 6:25 AM

Hi Guys, I have been working to integrate cloudfare captcha for flutter(web/android/ios). I was able to run the captcha challenge on web and android but on iOS devices its always failing. Can any one help me on this. Did anyone face the some issue. If yes, is there any solution to this problem?

Screenshot_2024-05-31_at_11.40.14_AM.png

R

Rajat•5/31/24, 12:04 PM

Can you share the error @Swati ?

S

Swati•5/31/24, 12:22 PM

106010 -> It is advised to retry the challenge. On continuous failures, this is indicative of an automated device and you must verify the visitor’s authenticity by other means.
600010 ->

Error Family Challenge Execution Failure: A visitor failed to solve a Turnstile Challenge. Also used by failing testing sitekey.

Potentially Automated Visitor. Retry the challenge. Upon multiple subsequent failures, verify the visitor otherwise.

B

BadDeveloper•5/31/24, 6:42 PM

Hello!

B

BadDeveloper•5/31/24, 6:42 PM

i am the dev of a pretty large site for media we have been getting scrapped and are implementing turnstile in ts

B

BadDeveloper•5/31/24, 6:44 PM

my role currently is getting the token then checking if its still valid and if not reset it and then return that

B

BadDeveloper•5/31/24, 6:44 PM

but i keep getting slapped with errors

B

BadDeveloper•5/31/24, 6:45 PM

this is an example of what i see

I

Isaac McFadyen•5/31/24, 6:48 PM

You can ignore the Permissions-Policy ones.

I

Isaac McFadyen•5/31/24, 6:48 PM

The error code you can look up here: https://developers.cloudflare.com/turnstile/troubleshooting/client-side-errors/

Original message was deleted

C

Chaika•5/31/24, 6:48 PM

(but that's a 400 not a 401, and not on the normal endpoint)

CChaika (but that's a 400 not a 401, and not on the normal endpoint)

I

Isaac McFadyen•5/31/24, 6:49 PM

Yeah I realized that after I sent it

I

Isaac McFadyen•5/31/24, 6:49 PM

There, deleted.

I

Isaac McFadyen•5/31/24, 6:49 PM

1101200 looks like:

Turnstile was used on a domain that was not allowed for this widget to be used on. Ensure that the domain Turnstile is intended to run on is allowed in the widget configuration.

B

BadDeveloper•5/31/24, 6:50 PM

erm we work on it togeather

B

BadDeveloper•5/31/24, 6:50 PM

he gave me the task he couldnt do

B

BadDeveloper•5/31/24, 6:57 PM

we want to secure our worker to slow down scrapers

R

RyanKnack•6/1/24, 6:27 PM

Huh my

data-callback

data-callback

data-callback

data-callback isnt being called.

Same exact code from my laptop works but when I deploy it up it doesnt fire

H

Hello, I’m Allie!•6/2/24, 11:43 AM

Anyone ever get an Invisible Turnstile?

Original message was deleted

H

Hello, I’m Allie!•6/2/24, 11:57 AM

Are those interactive?

H

Hello, I’m Allie!•6/2/24, 11:58 AM

Like where you have to click them?

Original message was deleted

H

Hello, I’m Allie!•6/2/24, 12:02 PM

Huh... I sometimes get an interactive challenge on a challenge page, where nothing is visible, but it will stay on that page until you click where the widget would normally be

H

Hello, I’m Allie!•6/2/24, 12:03 PM

It doesn't happen every time tho, so I haven't been able to capture it

Original message was deleted

H

Hello, I’m Allie!•6/2/24, 12:05 PM

Because the website it is on always triggers a challenge for me. In addition, the page does not advance until I click where the checkbox normally is, but then immediately redirects to the actually page when I click

Original message was deleted

H

Hello, I’m Allie!•6/2/24, 12:05 PM

No, it’s the WAF Challenge page

H

Hello, I’m Allie!•6/2/24, 12:06 PM

The “Verifying you are a human” page

Original message was deleted

H

Hello, I’m Allie!•6/2/24, 12:09 PM

Oh, gotcha. But no, no UI is rendered, where the widget should be

H

Hello, I’m Allie!•6/2/24, 12:10 PM

Huh… still wondering why it is sporadic tho..

B

BadDeveloper•6/2/24, 11:41 PM

i did it

B

BadDeveloper•6/2/24, 11:41 PM

i fixed the thing!

Original message was deleted

B

BadDeveloper•6/2/24, 11:42 PM

nice library

D

DonVito•6/3/24, 10:53 AM

Question: I am currently hitting the 10 widget limit for Turnstile. Is this limit per user? For example, I manage several websites that are not yet added to my Cloudflare account. Would adding these websites to my account help remove the 10 widget limit?

D

DonVito•6/3/24, 10:57 AM

Ok so getting a Pro plan would remove the limit? I am trying to find some clarity regarding Turnstile on the CF website but it's not very clear to me

This is not an official support form and for almost every employee here it is past end of day

Similar Threads

Similar Threads

Similar Threads