richarddprasad

import React from 'react';
import './App.css';

const App: React.FC = (): JSX.Element => {
  return (
    <div className="App">
      Hi
    </div>
  );
}

richarddprasad

import React from 'react';
import './App.css';

interface IAppOwnProps {
  username: string | undefined;
  userType: 'admin' | 'moderator' | 'user' | 'guest';
}

const App: React.FC<IAppOwnProps> = (): JSX.Element => {
  return (

richarddprasad

import React from 'react';
import './App.css';

interface IAppOwnProps {
  username: string | undefined;
  userType: 'admin' | 'moderator' | 'user' | 'guest';
}

const App: React.FC<IAppOwnProps> = ({userType, username}): JSX.Element => {
  return (

richarddprasad

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import * as serviceWorker from './serviceWorker';

ReactDOM.render(<App userType='admin' username='h4x0r' />, document.getElementById('root'));

serviceWorker.unregister();

richarddprasad

import React from 'react';
import './App.css';

interface IAppOwnProps {
  username: string | undefined;
  userType: 'admin' | 'moderator' | 'user' | 'guest';
}

const App: React.FC<IAppOwnProps> = ({ userType, username }): JSX.Element => {
  return (

richarddprasad

import React, { useState } from 'react';
import './App.css';

interface IAppOwnProps {
  username: string | undefined;
  userType: 'admin' | 'moderator' | 'user' | 'guest';
}

const App: React.FC<IAppOwnProps> = ({ userType, username }): JSX.Element => {
  const [time, setTime] = useState<Date>(() => new Date(Date.now()));

richarddprasad

import React, { useState } from 'react';
import './App.css';

interface IAppOwnProps {
  username: string | undefined;
  userType: 'admin' | 'moderator' | 'user' | 'guest';
}

const App: React.FC<IAppOwnProps> = ({ userType, username }): JSX.Element => {
  const [time, setTime] = useState<Date>(() => new Date(Date.now()));

richarddprasad

import React, { useState, ChangeEvent } from 'react';
import './App.css';

interface IAppOwnProps {
  username: string | undefined;
  userType: 'admin' | 'moderator' | 'user' | 'guest';
}

const App: React.FC<IAppOwnProps> = ({ userType, username }): JSX.Element => {
  const [time, setTime] = useState<Date>(() => new Date(Date.now()));

richarddprasad

      const [message, setMessage] = useState<string>('');
      
      ...
      
      <input
        type='text'
        placeholder='Enter your message here'
        value={message}
        onChange={handleTextChange}
      />

richarddprasad

  import React, { useState, ChangeEvent } from 'react';
  
  ...
  
  const handleTextChange = (event: ChangeEvent<HTMLInputElement>): void => {
    setMessage(event.target.value);
  };