Codepens should use OUFR @next

microsoft · May 29, 2019 · ea8ddc5 · ea8ddc5
1 parent 1dd2183
commit ea8ddc5
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/packages/example-app-base/src/components/CodepenComponent/CodepenComponent.tsx b/packages/example-app-base/src/components/CodepenComponent/CodepenComponent.tsx
@@ -8,13 +8,14 @@ const getStyles: IStyleFunction<ICodepenStyleProps, ICodepenStyles> = () => ({})
 const getClassNames = classNamesFunction<ICodepenStyleProps, ICodepenStyles>();
 
 const CodepenComponentBase: React.StatelessComponent<ICodepenProps> = props => {
-  const { jsContent, buttonAs: ButtonType = CommandButton, buttonClassName, styles, theme } = props;
+  const { jsContent, buttonAs: ButtonType = CommandButton, styles, theme } = props;
 
   const classNames = getClassNames(styles, { theme: theme! });
   const buttonStyles = classNames.subComponentStyles.button;
 
   // boilerplate for codepen API
-  const htmlContent = '<script src="//unpkg.com/office-ui-fabric-react/dist/office-ui-fabric-react.js"></script>\n<div id="content"></div>';
+  const htmlContent =
+    '<script src="//unpkg.com/office-ui-fabric-react@next/dist/office-ui-fabric-react.js"></script>\n<div id="content"></div>';
 
   const headContent =
     '<script type="text/javascript" src="https://unpkg.com/react@16/umd/react.development.js"></script>\n<script type="text/javascript" src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>';
@@ -40,7 +41,6 @@ const CodepenComponentBase: React.StatelessComponent<ICodepenProps> = props => {
         type="submit"
         iconProps={{ iconName: 'OpenInNewWindow' }}
         text="Export to CodePen"
-        className={buttonClassName}
         styles={typeof buttonStyles === 'function' ? buttonStyles({}) : buttonStyles}
       />
     </form>