Jam React Component Example

jam.jsx

import React from 'react';
import Jam from 'jam-react';

function App() {
  let ids = ['01', '02', '03'];
  return (
    <div style={{padding: '1rem'}}>
      <h1>Jam: My own Clubhouse!!!!</h1>
      <div>
        {ids.map(id => (
          <Jam
            key={id}
            roomId={`new-jam-room-${id}`}
            newRoom={{
              name: 'A new Jam Room',
              description: 'This Room was created by a React component',
              color: '#000000',
            }}
            style={{width: '400px', height: '600px'}}
          />
        ))}
      </div>
    </div>
  );
}