diff --git a/example/AuthenticatedPage.jsx b/example/AuthenticatedPage.jsx
index d592e7958..109e33577 100644
--- a/example/AuthenticatedPage.jsx
+++ b/example/AuthenticatedPage.jsx
@@ -1,7 +1,9 @@
import React, { useContext } from 'react';
import { Link } from 'react-router-dom';
+/* eslint-disable import/no-extraneous-dependencies */
import { AppContext } from '@edx/frontend-platform/react';
+/* eslint-enable import/no-extraneous-dependencies */
export default function AuthenticatedPage() {
const { authenticatedUser, config } = useContext(AppContext);
diff --git a/example/ExamplePage.jsx b/example/ExamplePage.jsx
index 1b513ded3..87312144c 100644
--- a/example/ExamplePage.jsx
+++ b/example/ExamplePage.jsx
@@ -1,10 +1,12 @@
-import React, { Component } from 'react';
+import { useContext, useEffect } from 'react';
import { Link } from 'react-router-dom';
-import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
+/* eslint-disable import/no-extraneous-dependencies */
+import { injectIntl, useIntl } from '@edx/frontend-platform/i18n';
import { logInfo } from '@edx/frontend-platform/logging';
import { AppContext } from '@edx/frontend-platform/react';
import { ensureConfig, mergeConfig, getConfig } from '@edx/frontend-platform';
+/* eslint-enable import/no-extraneous-dependencies */
import messages from './messages';
mergeConfig({
@@ -16,48 +18,41 @@ ensureConfig([
'JS_FILE_VAR',
], 'ExamplePage');
-class ExamplePage extends Component {
- constructor(props, context) {
- super(props, context);
-
- logInfo('The example page can log info, which means logging is configured correctly.');
- }
-
- renderAuthenticatedUser() {
- if (this.context.authenticatedUser === null) {
- return null;
- }
- return (
-
-
Authenticated Username: {this.context.authenticatedUser.username}
-
- Authenticated user's name:
- {this.context.authenticatedUser.name}
- (Only available if user account has been fetched)
-
-
-
{this.context.config.SITE_NAME} example page.
-
{this.props.intl.formatMessage(messages['example.message'])}
- {this.renderAuthenticatedUser()}
-
EXAMPLE_VAR env var came through: {getConfig().EXAMPLE_VAR}
-
JS_FILE_VAR var came through: {getConfig().JS_FILE_VAR}
-
Visit authenticated page.
-
Visit error page.
-
+
Authenticated Username: {authenticatedUser.username}
+
+ Authenticated user's name:
+ {authenticatedUser.name}
+ (Only available if user account has been fetched)
+
+
+
{getConfig().SITE_NAME} example page.
+
{intl.formatMessage(messages['example.message'])}
+
+
EXAMPLE_VAR env var came through: {getConfig().EXAMPLE_VAR}
+
JS_FILE_VAR var came through: {getConfig().JS_FILE_VAR}
+
Visit authenticated page.
+
Visit error page.
+