Use esModuleInterop imports

plop-templates/component.tsx

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 {{#if observer}}
 import { observer } from "mobx-react";
 import {{ camelCase store_name }} from "../../stores/{{ properCase store_name }}";

plop-templates/page.tsx

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 import { Helmet } from "react-helmet";
 import "./{{ properCase name}}.scss";
 

src/auth.ts

@@ -1,5 +1,5 @@
 import axios from "axios";
-import * as Cookies from "js-cookie";
+import Cookies from "js-cookie";
 
 const tokenUrl = `${process.env.API_URL}/api-token-auth/`;
 const checkUrl = `${process.env.API_URL}/api-token-verify/`;

src/client/App.tsx

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 import { BrowserRouter } from "react-router-dom";
 import Routes from "../routes";
 

src/client/index.ts

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 import { hydrate } from "react-dom";
 import App from "./App";
 

src/components/Accordion/Accordion.tsx

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 import "./Accordion.scss";
 import AccordionIcon from "../AccordionIcon";
 

src/components/AccordionIcon/AccordionIcon.tsx

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 import "./AccordionIcon.scss";
 
 export interface AccordionIconProps {

src/components/AdminHeader/AdminHeader.tsx

@@ -1,6 +1,6 @@
-import * as React from "react";
+import React from "react";
 import { Link } from "react-router-dom";
-import * as TitleImage from "../../assets/img/SIK_RGB_W_side.png";
+import TitleImage from "../../assets/img/SIK_RGB_W_side.png";
 import "./AdminHeader.scss";
 
 export interface AdminHeaderProps { }

src/components/AdminSidebar/AdminSidebar.tsx

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 import "./AdminSidebar.scss";
 import AdminSidebarLink from "../AdminSidebarLink";
 

src/components/AdminSidebarLink/AdminSidebarLink.tsx

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 import Anchor from "../Anchor";
 import "./AdminSidebarLink.scss";
 

src/components/Anchor/Anchor.tsx

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 import { Link } from "react-router-dom";
 import { HashLink } from "react-router-hash-link";
 

src/components/AsideSection/AsideSection.tsx

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 import "./AsideSection.scss";
 import ColorDiv, { ColorDivProps } from "../ColorDiv/ColorDiv";
 

src/components/Button/Button.tsx

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 import "./Button.scss";
 
 export enum ButtonType {

src/components/Card/Card.tsx

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 import "./Card.scss";
 import Anchor from "../Anchor";
 

src/components/ColorDiv/ColorDiv.tsx

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 import "./ColorDiv.scss";
 
 export enum ColorEnum {

src/components/CommitteeContainer/CommitteeContainer.tsx

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 import "./CommitteeContainer.scss";
 import { Occupation } from "../../models/Contacts";
 import ContactCard from "../ContactCard/ContactCard";

src/components/ContactCard/ContactCard.tsx

@@ -1,6 +1,6 @@
-import * as React from "react";
+import React from "react";
 import "./ContactCard.scss";
-import * as blank_profile from "../../assets/img/blank_profile.png";
+import blank_profile from "../../assets/img/blank_profile.png";
 import { Role } from "../../models/Contacts";
 
 export interface ContactCardProps {

src/components/DatetimeWidget/DatetimeWidget.tsx

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 import "./DatetimeWidget.scss";
 
 export interface DatetimeWidgetProps {

src/components/DropDownBox/DropDownBox.tsx

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 import "./DropDownBox.scss";
 
 export interface DropDownBoxProps {

src/components/Footer/Footer.tsx

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 import FooterMap from "../FooterMap";
 import Anchor from "../Anchor";
 import "./Footer.scss";

src/components/FooterMap/FooterMap.tsx

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 import "./FooterMap.scss";
 
 const AnyReactComponent = ({ text }) => <div>{text}</div>;

src/components/HeroAsideItem/HeroAsideItem.tsx

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 import "./HeroAsideItem.scss";
 import Anchor from "../Anchor";
 

src/components/HeroAsideSection/HeroAsideSection.tsx

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 import "./HeroAsideSection.scss";
 import ColorDiv, { ColorDivProps } from "../ColorDiv/ColorDiv";
 

src/components/HeroMainSection/HeroMainSection.tsx

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 import "./HeroMainSection.scss";
 
 export interface HeroMainSectionProps {}

src/components/Icon/Icon.tsx

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 import "./Icon.scss";
 
 export enum IconType {

src/components/InfoBox/InfoBox.tsx

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 import "./InfoBox.scss";
 
 export interface InfoBoxProps {}

src/components/JsonLD/JsonLD.tsx

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 
 export interface JsonLDProps {
   data: object;

src/components/MainSection/MainSection.tsx

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 import "./MainSection.scss";
 import ColorDiv, { ColorDivProps } from "../ColorDiv/ColorDiv";
 

src/components/NavbarChildLink/NavbarChildLink.tsx

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 import "./NavbarChildLink.scss";
 import Anchor from "../Anchor";
 

src/components/NavbarDropdownLink/NavbarDropdownLink.tsx

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 import "./NavbarDropdownLink.scss";
 import DropDownBox from "../DropDownBox/DropDownBox";
 import Anchor from "../Anchor";

src/components/Navigation/Navigation.tsx

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 import "./Navigation.scss";
 import NavbarDropdownLink from "../NavbarDropdownLink/NavbarDropdownLink";
 import NavbarChildLink from "../NavbarChildLink/NavbarChildLink";

src/components/PageLink/PageLink.tsx

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 import "./PageLink.scss";
 import TextAnchor from "../TextAnchor";
 import { TextSize } from "../TextAnchor/TextAnchor";

src/components/PageSection/PageSection.tsx

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 import "./PageSection.scss";
 import ColorDiv, { ColorDivProps } from "../ColorDiv/ColorDiv";
 

src/components/Ribbon/Ribbon.tsx

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 import "./Ribbon.scss";
 
 export interface RibbonProps {}

src/components/SectionDividerWidget/SectionDividerWidget.tsx

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 import "./SectionDividerWidget.scss";
 import Icon from "../Icon";
 import { IconType } from "../Icon/Icon";

src/components/SignupQuestionsWidget/OptionsWidget.tsx

@@ -1,5 +1,5 @@
-import * as React from "react";
-import * as shortid from "shortid";
+import React from "react";
+import shortid from "shortid";
 import { Question, InputProps, optionTypes, SignupQuestionError } from "./index";
 
 export interface OptionsWidgetProps {

src/components/SignupQuestionsWidget/Question.tsx

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 
 export interface QuestionProps {
   children: any;

src/components/SignupQuestionsWidget/QuestionList.tsx

@@ -1,5 +1,5 @@
-import * as React from "react";
-import * as shortid from "shortid";
+import React from "react";
+import shortid from "shortid";
 import { Draggable } from "react-beautiful-dnd";
 import { Question, InputProps, optionTypes, SignupQuestionError } from "./index";
 import OptionsWidget from "./OptionsWidget";

src/components/SignupQuestionsWidget/SignupQuestionsWidget.tsx

@@ -1,9 +1,9 @@
-import * as React from "react";
-import * as shortid from "shortid";
+import React from "react";
+import shortid from "shortid";
 import OptionsWidget from "./OptionsWidget";
 import { DragDropContext, Droppable } from "react-beautiful-dnd";
 import { Question, InputProps, optionTypes } from "."
-import * as AddIcon from "../../assets/img/add-icon.png";
+import AddIcon from "../../assets/img/add-icon.png";
 import "./SignupQuestionsWidget.scss";
 import TypeWidget from "./TypeWidget";
 import QuestionList from "./QuestionList";

src/components/SignupQuestionsWidget/TypeWidget.tsx

@@ -1,5 +1,5 @@
-import * as React from "react";
-import * as shortid from "shortid";
+import React from "react";
+import shortid from "shortid";
 import { Question, InputProps, optionTypes, SignupQuestionError } from "./index";
 
 export interface TypeWidgetProps {

src/components/SponsorReel/SponsorReel.tsx

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 import "./SponsorReel.scss";
 import TextAnchor from "../TextAnchor";
 import Anchor from "../Anchor";

src/components/TextAnchor/TextAnchor.tsx

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 import "./TextAnchor.scss";
 import { ColorEnum, getColor, getHoverColor } from "../ColorDiv/ColorDiv";
 import Anchor from "../Anchor";

src/index.tsx

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 import { render } from "react-dom";
 import { BrowserRouter } from "react-router-dom";
 import { AppContainer } from "react-hot-loader";

src/models/Event.ts

@@ -1,7 +1,7 @@
 import axios from "axios";
 import { getAuthHeader } from "../auth";
 import { Tag } from "./Tag";
-import * as qs from "query-string";
+import qs from "query-string";
 import { SignupForm } from "./SignupForm";
 const url = `${process.env.API_URL}/events/`;
 

src/pages/ActualPage/ActualPage.tsx

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 import { Helmet } from "react-helmet";
 import "./ActualPage.scss";
 

src/pages/AdminCommonPage/AdminCommonPage.tsx

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 import { Redirect } from "react-router-dom";
 import AdminHeader from "../../components/AdminHeader";
 import AdminSidebar from "../../components/AdminSidebar";

src/pages/AdminEventPage/AdminEventPage.tsx

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 import { Helmet } from "react-helmet";
 import Anchor from "../../components/Anchor";
 import { formatRelative } from "date-fns";
@@ -6,7 +6,7 @@ import { formatRelative } from "date-fns";
 import "./AdminEventPage.scss";
 import { Event, getEvents } from "../../models/Event";
 import { StaticContext } from "../../server/StaticContext";
-import * as AddIcon from "../../assets/img/add-icon.png";
+import AddIcon from "../../assets/img/add-icon.png";
 
 
 export interface AdminEventPageProps {

src/pages/AdminFeedPage/AdminFeedPage.tsx

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 import { Helmet } from "react-helmet";
 import Anchor from "../../components/Anchor";
 import "./AdminFeedPage.scss";
@@ -7,7 +7,7 @@ import { Post, getFeed } from "../../models/Feed";
 import { getEvents } from "../../models/Event";
 import { formatRelative } from "date-fns";
 import { th } from "date-fns/esm/locale";
-import * as AddIcon from "../../assets/img/add-icon.png";
+import AddIcon from "../../assets/img/add-icon.png";
 
 export interface AdminFeedPageProps {
   staticContext: StaticContext;

src/pages/AdminFrontPage/AdminFrontPage.tsx

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 import { Helmet } from "react-helmet";
 import Anchor from "../../components/Anchor";
 import "./AdminFrontPage.scss";

src/pages/AdminLoginPage/AdminLoginPage.tsx

@@ -1,7 +1,7 @@
-import * as React from "react";
+import React from "react";
 import { Helmet } from "react-helmet";
 import { Redirect } from "react-router-dom";
-import * as qs from "query-string";
+import qs from "query-string";
 import { generateToken, setTokenCookie, isAuthenticated } from "../../auth";
 import "./AdminLoginPage.scss";
 

src/pages/AdminLogoutPage/AdminLogoutPage.tsx

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 import { Redirect } from "react-router-dom";
 import { deleteTokenCookie } from "../../auth";
 

src/pages/AdminSignupPage/AdminSignupPage.tsx

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 import { Helmet } from "react-helmet";
 import { formatRelative } from "date-fns";
 import Anchor from "../../components/Anchor";
@@ -6,7 +6,7 @@ import Anchor from "../../components/Anchor";
 import "./AdminSignupPage.scss";
 import { SignupForm, getForms } from "../../models/SignupForm";
 import { StaticContext } from "../../server/StaticContext";
-import * as AddIcon from "../../assets/img/add-icon.png";
+import AddIcon from "../../assets/img/add-icon.png";
 
 export interface AdminSignupPageProps {
   staticContext: StaticContext;

src/pages/CommonPage/CommonPage.tsx

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 import Header from "../../components/Header";
 import Footer from "../../components/Footer";
 

src/pages/ContactsPage/ContactsPage.tsx

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 import { Helmet } from "react-helmet";
 import "./ContactsPage.scss";
 import { ColorEnum, getColor, getHoverColor } from "../../components/ColorDiv/ColorDiv";

src/pages/CorporatePage/CorporatePage.tsx

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 import { Helmet } from "react-helmet";
 import "./CorporatePage.scss";
 

src/pages/EventCreatePage/EventCreatePage.tsx

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 import { Helmet } from "react-helmet";
 import "./EventCreatePage.scss";
 import { isAuthenticated } from "../../auth";

src/pages/EventPage/EventPage.tsx

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 import { Helmet } from "react-helmet";
 import "./EventPage.scss";
 import { Event, getEvent } from "../../models/Event";

src/pages/FeedCreatePage/FeedCreatePage.tsx

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 import { Helmet } from "react-helmet";
 import "./FeedCreatePage.scss";
 import { isAuthenticated } from "../../auth";

src/pages/FreshmenPage/FreshmenPage.tsx

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 import { Helmet } from "react-helmet";
 import "./FreshmenPage.scss";
 

src/pages/FrontPage/FrontPage.tsx

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 import "./FrontPage.scss";
 import appStore from "../../stores/AppStore";
 import Card from "../../components/Card";

src/pages/GuildPage/GuildPage.tsx

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 import { Helmet } from "react-helmet";
 import "./GuildPage.scss";
 import PageSection from "../../components/PageSection";

src/pages/InEnglishPage/InEnglishPage.tsx

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 import { Helmet } from "react-helmet";
 import "./InEnglishPage.scss";
 

src/pages/NotFoundPage/NotFoundPage.tsx

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 import { Helmet } from "react-helmet";
 import "./NotFoundPage.scss";
 

src/pages/SignUpPage/SignUpPage.tsx

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 import { Helmet } from "react-helmet";
 import Form from "react-jsonschema-form";
 import "./SignUpPage.scss";

src/pages/SignupCreatePage/SignupCreatePage.tsx

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 import { Helmet } from "react-helmet";
 import { Link } from "react-router-dom";
 import "./SignupCreatePage.scss";

src/pages/StudiesPage/StudiesPage.tsx

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 import { Helmet } from "react-helmet";
 import "./StudiesPage.scss";
 

src/routes.tsx

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 import { Switch, Route, Redirect } from "react-router-dom";
 import { Helmet } from "react-helmet";
 import FrontPage from "./pages/FrontPage";

src/server/App.tsx

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 import { StaticRouter } from "react-router-dom";
 import Routes from "../routes";
 

src/server/index.ts

@@ -1,20 +1,20 @@
-import * as React from "react";
+import React from "react";
 import { Helmet } from "react-helmet";
-import * as express from "express";
+import express from "express";
 import { renderToString } from "react-dom/server";
-import * as morgan from "morgan";
-import * as helmet from "helmet";
-import * as compression from "compression";
+import morgan from "morgan";
+import helmet from "helmet";
+import compression from "compression";
 
-import * as dotenv from "dotenv";
+import dotenv from "dotenv";
 
 dotenv.config();
 
 console.log(`API_URL: ${process.env.API_URL}`);
 
 import App from "./App";
-import * as fs from "fs";
-import * as path from "path";
+import fs from "fs";
+import path from "path";
 import { StaticContext } from "./StaticContext";
 
 const port = 3000;