diff --git a/example/src/App.js b/example/src/App.js
index 8a5dac7..63d3bfc 100644
--- a/example/src/App.js
+++ b/example/src/App.js
@@ -1,6 +1,7 @@
 import React from 'react';
-import * as MessageSource from 'react-message-source';
+import { Provider as MessageSourceProvider } from 'react-message-source';
 
+import Hooks from './Hooks';
 import {
   LocalizedLabel,
   LocalizedLabelCurried,
@@ -18,15 +19,13 @@ export default function App() {
     <React.Fragment>
       <p>The content below is localized, see Greeting.js for more information.</p>
 
-      <MessageSource.Provider value={translations}>
+      <MessageSourceProvider value={translations}>
         <LocalizedLabel />
-
         <LocalizedLabelCurried />
-
         <PrefixedLocalizedLabel />
-
         <LocalizedLabelWithNamedParams />
-      </MessageSource.Provider>
+        <Hooks />
+      </MessageSourceProvider>
     </React.Fragment>
   );
 }
diff --git a/example/src/Hooks.js b/example/src/Hooks.js
new file mode 100644
index 0000000..22957ef
--- /dev/null
+++ b/example/src/Hooks.js
@@ -0,0 +1,7 @@
+import React from 'react';
+import { useMessageSource } from 'react-message-source';
+
+export default function Hooks() {
+  const { getMessage } = useMessageSource();
+  return <span>Translation with a hook: {getMessage('hello.world')}</span>;
+}