diff --git a/src/components/SourceCode/SourceCode.tsx b/src/components/SourceCode/SourceCode.tsx
index 12a580db..9a6e352f 100644
--- a/src/components/SourceCode/SourceCode.tsx
+++ b/src/components/SourceCode/SourceCode.tsx
@@ -9,24 +9,21 @@ export interface SourceCodeProps {
   lang: string;
 }
 
-export class SourceCode extends React.PureComponent<SourceCodeProps> {
-  render() {
-    const { source, lang } = this.props;
-    return <StyledPre dangerouslySetInnerHTML={{ __html: highlight(source, lang) }} />;
-  }
-}
+export const SourceCode = (props: SourceCodeProps) => {
+  const { source, lang } = props;
+  return <StyledPre dangerouslySetInnerHTML={{ __html: highlight(source, lang) }} />;
+};
 
-export class SourceCodeWithCopy extends React.Component<SourceCodeProps> {
-  render() {
-    return (
-      <CopyButtonWrapper data={this.props.source}>
-        {({ renderCopyButton }) => (
-          <SampleControlsWrap>
-            <SampleControls>{renderCopyButton()}</SampleControls>
-            <SourceCode lang={this.props.lang} source={this.props.source} />
-          </SampleControlsWrap>
-        )}
-      </CopyButtonWrapper>
-    );
-  }
-}
+export const SourceCodeWithCopy = (props: SourceCodeProps) => {
+  const { source, lang } = props;
+  return (
+    <CopyButtonWrapper data={source}>
+      {({ renderCopyButton }) => (
+        <SampleControlsWrap>
+          <SampleControls>{renderCopyButton()}</SampleControls>
+          <SourceCode lang={lang} source={source} />
+        </SampleControlsWrap>
+      )}
+    </CopyButtonWrapper>
+  );
+};