Updated all components syntax

src/base/BlankBaseLayout/index.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import Head from 'next/head';
 import classNames from 'classnames';
 

src/base/DefaultBaseLayout/index.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import Head from 'next/head';
 import classNames from 'classnames';
 import NavBar from '../../components/NavBar';

src/components/Badge/index.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import classNames from 'classnames';
 
 export default function Badge(props) {

src/components/CheckboxFormControl/index.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import classNames from 'classnames';
 
 export default function CheckboxFormControl(props) {

src/components/ContactSection/index.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import Markdown from 'markdown-to-jsx';
 import classNames from 'classnames';
 import { getDynamicComponent } from '../../components-registry';
@@ -15,7 +15,7 @@ export default function ContactSection(props) {
     const contentWidth = props.contentWidth || 'large';
     const contentAlignHoriz = props.contentAlignHoriz || 'left';
     const contentAlignVert = props.contentAlignVert || 'middle';
-    
+
     return (
         <div
             id={props.elementId}

src/components/CtaSection/index.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import Markdown from 'markdown-to-jsx';
 import classNames from 'classnames';
 import Badge from '../Badge';

src/components/EmailFormControl/index.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import classNames from 'classnames';
 
 export default function EmailFormControl(props) {

src/components/FeaturedPeopleSection/index.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import classNames from 'classnames';
 import Markdown from 'markdown-to-jsx';
 import Badge from '../Badge';

src/components/FeaturedPostsSection/index.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import classNames from 'classnames';
 import dayjs from 'dayjs';
 import Badge from '../Badge';

src/components/Footer/index.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import Markdown from 'markdown-to-jsx';
 import classNames from 'classnames';
 import Action from '../Action';

src/components/HeroSection/index.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import Markdown from 'markdown-to-jsx';
 import classNames from 'classnames';
 import { getDynamicComponent } from '../../components-registry';

src/components/ImageBlock/index.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import classNames from 'classnames';
 
 export default function ImageBlock(props) {

src/components/InlineMarkdown/index.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import Markdown from 'markdown-to-jsx';
 
 export default function InlineMarkdown(props) {

src/components/NavBar/index.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { useState } from 'react';
 import classNames from 'classnames';
 import Action from '../Action';

src/components/QuoteSection/index.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import Markdown from 'markdown-to-jsx';
 import classNames from 'classnames';
 

src/components/SelectFormControl/index.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import classNames from 'classnames';
 
 export default function SelectFormControl(props) {

src/components/Social/index.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import classNames from 'classnames';
 import Link from '../../utils/link';
 import Facebook from '../../svgs/facebook';

src/components/TestimonialsSection/index.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import Markdown from 'markdown-to-jsx';
 import classNames from 'classnames';
 import Badge from '../Badge';

src/components/TextFormControl/index.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import classNames from 'classnames';
 
 export default function TextFormControl(props) {

src/components/TextSection/index.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import Markdown from 'markdown-to-jsx';
 import classNames from 'classnames';
 import Badge from '../Badge';

src/components/TextareaFormControl/index.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import classNames from 'classnames';
 
 export default function TextareaFormControl(props) {

src/components/VideoBlock/index.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import classNames from 'classnames';
 
 export default function VideoBlock(props) {

src/layouts/PageLayout/index.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { getDynamicComponent } from '../../components-registry';
 import { getBaseLayoutComponent } from '../../utils/base-layout';
 

src/layouts/PostLayout/index.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import dayjs from 'dayjs';
 import Markdown from 'markdown-to-jsx';
 import ImageBlock from '../../components/ImageBlock';

src/utils/link.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import NextLink from 'next/link';
 
 export default function Link({ children, href, ...other }) {

src/utils/next-link.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 // Simulate next/link behavior
 export default function Link(props) {