React-PropTypes-to-prop-types.js has a transformation error about react-codemod

[lloydh]

I was seeing the same error but Nathan's commit did the trick.

[bvaughn]

Hey @kentcdodds! Sorry for not seeing this issue earlier. Have had my hands full the past few days.

I committed a few bug fixes this evening that should resolve the issues you reported above. (I ran the code snippets you provided to make certain.)

One thing to note: In your second example, the codemod will insert semicolons after the react and prop-types imports. (Sorry!)

[kentcdodds]

Note that I did get errors for files that do actually utilize PropTypes (like this one):

import React, { PropTypes } from 'react'
import { StyleSheet, css } from 'aphrodite'
import * as ViewActions from '../../actions/actions'

import content from '../../lib/content'
const i18n = content('crossBorder/calc')

// Allows User to skip straight to Xoom if they want to repeat the
// prior Xoom transaction
const styles = StyleSheet.create({
	skipContainer: {
		lineHeight: '60px',
		marginBottom: 30,
		borderRadius: 5,
		backgroundColor: '#f5f7fa',
		fontSize: 15,
	},
})
const SkipToXoom = React.createClass({
	propTypes: {
		dispatch: PropTypes.func.isRequired,
		toCountryData: PropTypes.shape({
			countryName: PropTypes.string.isRequired, // localized country name
			countryCode: PropTypes.string.isRequired,
		}),
	},
	redirectToXoom() {
		this.props.dispatch(ViewActions.redirectToXoom({
			type: 'repeatUser',
			countryCode: this.props.toCountryData.countryCode,
		}))
	},
	render() {
		const { toCountryData: { countryName } } = this.props
		return (
			<div className={css(styles.skipContainer)}>
				<span className="content">
					{i18n('skipToXoom.body', { country: <strong key={countryName}>{countryName}</strong> })}
				</span>
				{' '}
				<a
					href="#"
					onClick={this.redirectToXoom}
					data-pagename="main:consumer:p2p:transfer:xb:repeatSkipToXoom"
				>
					{i18n('skipToXoom.link')}
				</a>
			</div>
		)
	},
})

export default SkipToXoom

[ericdfields]

Still seeing this. Is it because my babel setup is in my webpack instead of babelrc?

[kentcdodds]

Have had my hands full the past few days.

No worries. Understandable :)

I committed a few bug fixes this evening that should resolve the issues you reported above. (I ran the code snippets you provided to make certain.)

Great! Thanks!

One thing to note: In your second example, the codemod will insert semicolons after the react and prop-types imports. (Sorry!)

No worries! We can autofix that away!