WAF bot control javascript integration in React

Question

Hi.
Has anybody been successful in implementing WAF integration in React pages? I'm told there isn't a npm package, but due to the way we're building I'm getting a not defined errors.
We're trying out Bot Control and integrating it with javascript SDK. But we're having trouble comiling our application. We use React to make our web app.

I have added

Pablo Guzman · Answer

Hi Artur,

re-checked based on your information and I built a [small demo](https://7zu36gnwhj.execute-api.us-east-1.amazonaws.com/prod/) that works without such error. I would advice to check the Console page of your browser's inspect feature and see if there are any errors showing up.

Ben · Answer

Hi Artur - perhaps you are using Typescript? I managed to get this working adding a declaration in a `.d.ts` file. The typing matches exactly `fetch`'s usual typing.

```
  declare namespace AwsWafIntegration {
    declare function fetch(
      input: RequestInfo | URL,
      init?: RequestInit | undefined
    ): Promise;
  }
```

WAF bot control javascript integration in React

Relevant content