refactor: 💡 stop using deprecated React.SFC

Author: streamich

src/blocks/figma/index.tsx

@@ -18,7 +18,7 @@ const blockClass = rule({
   },
 });
 
-const Figma: React.SFC<BlockProps> = ({url, renderWrap}) => {
+const Figma: React.FC<BlockProps> = ({url, renderWrap}) => {
   return renderWrap(
     <div className={blockClass}>
       <iframe src={`https://www.figma.com/embed?embed_host=share&url=${encodeURIComponent(url)}`} allowFullScreen />

src/blocks/gfycat/index.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import {BlockProps} from '../..';
 
-const Gfycat: React.SFC<BlockProps> = ({id, renderWrap}) => {
+const Gfycat: React.FC<BlockProps> = ({id, renderWrap}) => {
   return renderWrap(
     <iframe
       src={`https://gfycat.com/ifr/${id}`}

src/blocks/gmaps/index.tsx

@@ -19,7 +19,7 @@ const blockClass = rule({
 
 const latlngRegex = /@([\-0-9\.]+),([\-0-9\.]+)(?:[^\-0-9\.]|$)/;
 
-const Gmaps: React.SFC<BlockProps> = ({url, renderWrap, renderVoid}) => {
+const Gmaps: React.FC<BlockProps> = ({url, renderWrap, renderVoid}) => {
   const matches = url.match(latlngRegex);
   if (!matches) return renderVoid();
 

src/blocks/instagram/index.tsx

@@ -2,7 +2,7 @@ import * as React from 'react';
 import {BlockProps} from '../..';
 import InstagramEmbed from 'react-instagram-embed';
 
-const Instagram: React.SFC<BlockProps> = ({url, renderWrap}) => {
+const Instagram: React.FC<BlockProps> = ({url, renderWrap}) => {
   return renderWrap(
     <InstagramEmbed
       url={url}

src/blocks/jsfiddle/index.tsx

@@ -18,7 +18,7 @@ const blockClass = rule({
   },
 });
 
-const JsFiddle: React.SFC<BlockProps> = ({id, renderWrap}) => {
+const JsFiddle: React.FC<BlockProps> = ({id, renderWrap}) => {
   return renderWrap(
     <div className={blockClass}>
       <div>

src/blocks/react-player/index.tsx

@@ -6,7 +6,7 @@ const style = {
   maxWidth: '100%',
 };
 
-const ReactPlayerWrapper: React.SFC<BlockProps> = ({url, renderWrap}) => {
+const ReactPlayerWrapper: React.FC<BlockProps> = ({url, renderWrap}) => {
   return renderWrap(<ReactPlayer url={url} style={style} controls={true} volume={1} />);
 };
 

src/blocks/replit/index.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import {BlockProps} from '../..';
 
-const Replit: React.SFC<BlockProps> = ({id, renderWrap}) => {
+const Replit: React.FC<BlockProps> = ({id, renderWrap}) => {
   return renderWrap(
     <iframe
       height="700px"

src/blocks/soundcloud/index.tsx

@@ -10,7 +10,7 @@ export interface SoundCloudProps extends BlockProps {
   isVisual?: boolean;
 }
 
-const SoundCloud: React.SFC<SoundCloudProps> = ({
+const SoundCloud: React.FC<SoundCloudProps> = ({
   url,
   autoplay,
   hideRelated,

src/blocks/vimeo/index.tsx

@@ -2,7 +2,7 @@ import * as React from 'react';
 import {BlockProps} from '../..';
 import ReactPlayer from 'react-player';
 
-const Vimeo: React.SFC<BlockProps> = ({url, renderWrap}) => {
+const Vimeo: React.FC<BlockProps> = ({url, renderWrap}) => {
   return renderWrap(<ReactPlayer url={url} />);
 };
 

src/index.tsx

@@ -5,7 +5,7 @@ export * from './ReactEmbed';
 
 const Resource = React.lazy(() => import('./ReactEmbed') as any);
 
-const Embed: React.SFC<ReactEmbedProps> = (props) => {
+const Embed: React.FC<ReactEmbedProps> = (props) => {
   return (
     <React.Suspense fallback={props.fallback || null}>
       <Resource {...props} />