reactjs - Rendering GetStream React Feed into PHP

one text

Solution:

@triaton

My .php

            <div id="content">
            <div id="wrapper">
                <div class="grid-container">
                <div class="Calender">
             
          </div>
                <div class="hours-worked"></div>
                <div class="booked-hotels"></div>
              </div>
            </div>
        </div>

        <div class="notification-bar">
        <script type ="text/babel" src="notification.js"></script>
        </div> 

And this is my JS file;

import React, { Component } from 'react';

import { StreamApp, StatusUpdateForm, FlatFeed } from 'react-activity-feed';
import 'react-activity-feed/dist/index.es.css';
export default class App extends Component {
   render() {
    return (
      <div style={{ width: '600px', margin: '0 auto' }}>
        <StreamApp
          apiKey="<YOUR_API_KEY>"
          appId="<YOUR_APP_ID>"
          token="<A_TOKEN_FOR_THE_CURRENT_USER>"
        >
          <StatusUpdateForm />
          <FlatFeed feedGroup="user" notify />
        </StreamApp>
      </div>
    );
  }
}

ReactDOM.render(<App />, document.getElementById('notification-bar'));