Remove typeof hack to test [email protected]

Author: kachkaev

pages/_app.page/page-layout.tsx

@@ -1,11 +1,9 @@
 import * as React from "react";
-import _styled, { createGlobalStyle, css } from "styled-components";
+import styled, { createGlobalStyle, css } from "styled-components";
 import { normalize } from "styled-normalize";
 
 import { ExternalLink } from "../shared/external-link.jsx";
 
-const styled = _styled as unknown as typeof _styled.default;
-
 const base = css`
   body {
     color: #24292e;

pages/_document.page.tsx

@@ -1,4 +1,4 @@
-import _Document, {
+import Document, {
   DocumentContext,
   Head,
   Html,
@@ -8,8 +8,6 @@ import _Document, {
 import * as React from "react";
 import { ServerStyleSheet } from "styled-components";
 
-const Document = _Document as unknown as typeof _Document.default;
-
 export default class MyDocument extends Document {
   static async getInitialProps(ctx: DocumentContext) {
     const sheet = new ServerStyleSheet();

pages/index.page.tsx

@@ -1,14 +1,12 @@
 import * as React from "react";
-import _styled from "styled-components";
+import styled from "styled-components";
 
 import { AvailableDestinations } from "./index.page/available-destinations.jsx";
 import { Example } from "./index.page/example.jsx";
 import { InputForm } from "./index.page/input-form.jsx";
 import { ExternalLink } from "./shared/external-link.jsx";
 import { PageMetadata } from "./shared/page-metadata.jsx";
 
-const styled = _styled as unknown as typeof _styled.default;
-
 const H2 = styled.h2`
   margin-top: 3em;
   font-size: 1em;

pages/index.page/available-destinations.tsx

@@ -1,11 +1,9 @@
 import * as React from "react";
-import _styled from "styled-components";
+import styled from "styled-components";
 
 import { ExternalLink } from "../shared/external-link.jsx";
 import { ClickableCode } from "./clickable-code.jsx";
 
-const styled = _styled as unknown as typeof _styled.default;
-
 const Ul = styled.ul`
   padding-left: 0;
   overflow: hidden;

pages/index.page/clickable-code.tsx

@@ -1,6 +1,4 @@
-import _styled from "styled-components";
-
-const styled = _styled as unknown as typeof _styled.default;
+import styled from "styled-components";
 
 export const ClickableCode = styled.code`
   border-bottom: 1px dotted transparent;

pages/index.page/example.tsx

@@ -1,11 +1,9 @@
 import * as React from "react";
-import _styled from "styled-components";
+import styled from "styled-components";
 
 import { ExternalLink } from "../shared/external-link.jsx";
 import { ClickableCode } from "./clickable-code.jsx";
 
-const styled = _styled as unknown as typeof _styled.default;
-
 const Remark = styled.span`
   white-space: nowrap;
 `;

pages/index.page/input-form.tsx

@@ -1,7 +1,5 @@
 import * as React from "react";
-import _styled from "styled-components";
-
-const styled = _styled as unknown as typeof _styled.default;
+import styled from "styled-components";
 
 const verticalFormPadding = 20;
 

pages/shared/error-page-body.tsx

@@ -1,9 +1,6 @@
-import _Link from "next/link.js";
+import Link from "next/link.js";
 import * as React from "react";
-import _styled from "styled-components";
-
-const Link = _Link as unknown as typeof _Link.default;
-const styled = _styled as unknown as typeof _styled.default;
+import styled from "styled-components";
 
 const Container = styled.div`
   text-align: center;

pages/shared/page-metadata.tsx

@@ -1,8 +1,6 @@
-import _Head from "next/head.js";
+import Head from "next/head.js";
 import * as React from "react";
 
-const Head = _Head as unknown as typeof _Head.default;
-
 const getBaseUrl = () => {
   const hostname =
     process.env.VERCEL_URL ?? process.env.HOSTNAME ?? "njt.vercel.app";