Can't use the example on web about react-web-gifted-chat HOT 3 CLOSED

You might use the latest react, so you have to import PropTypes as a standalone package

from react-web-gifted-chat.

I had the same issue. It's react-native-parsed-text causing this issues because it's using the Object-spread syntax as shown in the error (...ReactNative.Text.propTypes), which is obviously not compiled by babel in your Project. You need to configure webpack so it compiles the module. If you created your App using create-react-app, there is no way to configure webpack directly. You either have to eject the project, or use react-app-rewired to do so.
Then, in webpack-config you need to add the module path of react-native-parsed-text to the babel-loader 'includes'-property. Something like this:

// webpack-config:
...
{
  test: /\.(js|jsx|mjs)$/,
  include: [
    paths.appSrc,
    'YOUR-PROJECT-PATH/node_modules/react-native-parsed-text'
  ],
  loader: require.resolve('babel-loader')
},
...

If your using react-app-rewired, your config-overrides.js might look something like this (didn't test):

const { getBabelLoader } = require('react-app-rewired')
const fs = require('fs')
const path = require('path')

const appDirectory = fs.realpathSync(process.cwd())
const resolveApp = relativePath => path.resolve(appDirectory, relativePath)

/* config-overrides.js */
module.exports = function override (config, env) {
  const babelLoader = getBabelLoader(config.module.rules)
  babelLoader.include = [resolveApp('src'), resolveApp('node_modules/react-native-parsed-text')]
  return config
}

Note: Unfortunately, after this step I got to issue#1.

from react-web-gifted-chat.

Yeah, it was broken, in the next upgrade it will be working, I also fixed example, this is already on repository, but it's not pushed to npm, it also contains new react version

from react-web-gifted-chat.