> For the complete documentation index, see [llms.txt](https://trixtateam.gitbook.io/trixta-js-core/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://trixtateam.gitbook.io/trixta-js-core/reference/components/reactions/trixtareactioncomponent.md).

# TrixtaReactionComponent

React component used to pass Trixta Reaction Props to your  child component or function.

{% hint style="warning" %}
Please note if your reaction is a request for response, the property requestForEffect must be false
{% endhint %}

```tsx
import {
  TrixtaReactionComponent,
  TrixtaReactionComponentArgs
} from '@trixtateam/trixta-js-core';

<TrixtaReactionComponent
  roleName=""
  reactionName=""
  includeResponse={false}
  initialData={}
  extraData={}
  requestForEffect={false}
  defaultComponent={<Component/>}
  debugMode={false}
  requestEvent=""
  responseEvent=""
  errorEvent=""
  timeoutEvent=""
  timeout={1500}
  setTimeoutEventAsErrorEvent={false}
>
  {({
    submit,
    isInProgress,
    loading,
    instance,
    response,
    data,
  }: TrixtaReactionComponentArgs<
    TInitialData,TFormDataType,TSuccessType,TErrorType
  >) => (
    {function | <component />}
  )}
</TrixtaReactionComponent>
```

## [Props](https://github.com/trixtateam/trixta-js/blob/master/packages/core/src/React/components/reactions/TrixtaReactionComponent/types.ts)