# give/4.18.0/src/Promotions/WelcomeBanner/resources/js/index.tsx

GiveWP – Donation Plugin and Fundraising Platform, version 4.18.0. 38 lines.

- Page: https://pluginprobe.com/plugins/give/4.18.0/code/src/Promotions/WelcomeBanner/resources/js/index.tsx
- Raw: https://pluginprobe.com/plugins/give/4.18.0/raw/src/Promotions/WelcomeBanner/resources/js/index.tsx
- Modified: 2024-09-25T21:57:00+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/give/4.18.0/code/src/Promotions/WelcomeBanner/resources/js/index.tsx#L10-L20`.

```tsx
import App from './app/app';
import {StrictMode} from 'react';
import {createRoot} from 'react-dom/client';

type windowData = {
    assets: string;
    action: string;
    nonce: string;
    root: string;
};

declare const window: {
    WelcomeBanner: windowData;
} & Window;

export default function getWindowData(): windowData {
    return window.WelcomeBanner;
}

const root = document.getElementById('givewp-welcome-banner');

/**
 * @since 3.0.0
 */
const RenderApp = () => (
    <StrictMode>
        <App />
    </StrictMode>
);

if (root) {
    const pluginHeader = document.querySelector('.wp-header-end');
    // Place banner underneath Plugin header
    pluginHeader.insertAdjacentElement('afterend', root);

    createRoot(root).render(<RenderApp />);
}

```