Remove typeof hack to test typescript@4.9.4

kachkaev · Jan 21, 2023 · 2696db0 · 2696db0
1 parent dea0614
commit 2696db0
Show file tree

Hide file tree

Showing 9 changed files with 10 additions and 29 deletions.
diff --git a/pages/_app.page/page-layout.tsx b/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;

diff --git a/pages/_document.page.tsx b/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();

diff --git a/pages/index.page.tsx b/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;

diff --git a/pages/index.page/available-destinations.tsx b/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;

diff --git a/pages/index.page/clickable-code.tsx b/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;

diff --git a/pages/index.page/example.tsx b/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;
 `;

diff --git a/pages/index.page/input-form.tsx b/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;
 

diff --git a/pages/shared/error-page-body.tsx b/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;

diff --git a/pages/shared/page-metadata.tsx b/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";