diff --git a/examples/create-react-app/package.json b/examples/create-react-app/package.json index 278f25f358..824b3897aa 100644 --- a/examples/create-react-app/package.json +++ b/examples/create-react-app/package.json @@ -9,8 +9,8 @@ "@pluralsight/ps-design-system-normalize": "^3.0.47", "@pluralsight/ps-design-system-text": "^10.7.16", "glamor": "^2.20.40", - "react": "^16.6.1", - "react-dom": "^16.6.1", + "react": "^16.8.6", + "react-dom": "16.8.6", "react-scripts": "2.1.1" }, "scripts": { diff --git a/packages/errors/package.json b/packages/errors/package.json index 65699d39af..90ce4c9ae0 100644 --- a/packages/errors/package.json +++ b/packages/errors/package.json @@ -26,12 +26,12 @@ "@pluralsight/ps-design-system-icon": "^12.0.1", "@pluralsight/ps-design-system-text": "^11.0.3", "@pluralsight/ps-design-system-theme": "^2.0.2", - "prop-types": "^15.7.0" + "prop-types": "^15.7.2" }, "peerDependencies": { "@pluralsight/ps-design-system-normalize": "^3.0.24", "glamor": "^2.20.0", - "react": ">=16.3.0 < 17.0.0" + "react": ">=16.8.6 < 17.0.0" }, "devDependencies": { "@pluralsight/ps-design-system-build": "^1.9.2", diff --git a/packages/errors/src/react/error-page.js b/packages/errors/src/react/error-page.js index 272806f744..7173ffe8c0 100644 --- a/packages/errors/src/react/error-page.js +++ b/packages/errors/src/react/error-page.js @@ -4,11 +4,11 @@ import React from 'react' import Button from '@pluralsight/ps-design-system-button/react' import * as textVars from '@pluralsight/ps-design-system-text/vars' -import { defaultName as themeDefaultName } from '@pluralsight/ps-design-system-theme/react' +import { useTheme } from '@pluralsight/ps-design-system-theme/react' -import css from '../css' -import Heading from './heading' -import icons from './icons' +import css from '../css/index.js' +import Heading from './heading.js' +import icons from './icons.js' const styles = { page: ({ themeName }) => @@ -56,11 +56,15 @@ const SearchForm = props => ( /> ) +SearchForm.propTypes = { + action: PropTypes.string +} -const ErrorPage = (props, context) => { +const ErrorPage = props => { + const themeName = useTheme() const allProps = { ...props, - themeName: context.themeName || themeDefaultName + themeName } return (