fix: documentation

react-dnd · Mar 27, 2019 · 9752600 · 9752600
1 parent c85d9d7
commit 9752600
Show file tree

Hide file tree

Showing 7 changed files with 8 additions and 7 deletions.
diff --git a/packages/documentation/src/components/doc.tsx b/packages/documentation/src/components/doc.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react'
+import styled from 'styled-components'
 import renderAst from '../util/renderHtmlAst'
-const styled = require('styled-components')
 
 export interface DocProps {
 	docPage: {

diff --git a/packages/documentation/src/components/header.tsx b/packages/documentation/src/components/header.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react'
-const styled = require('styled-components')
+import styled from 'styled-components'
 import NavBar from './navbar'
 
 export interface HeaderProps {

diff --git a/packages/documentation/src/components/layout.tsx b/packages/documentation/src/components/layout.tsx
@@ -3,7 +3,7 @@ declare var require: any
 
 import * as React from 'react'
 import Helmet from 'react-helmet'
-const styled = require('styled-components')
+import styled from 'styled-components'
 import HTML5Backend from 'react-dnd-html5-backend'
 import { isDebugMode } from 'react-dnd-documentation-examples/lib/esm/index'
 

diff --git a/packages/documentation/src/components/navbar.tsx b/packages/documentation/src/components/navbar.tsx
@@ -1,7 +1,7 @@
 // tslint:disable jsx-no-lambda
 import * as React from 'react'
 import { Link as GatsbyLink } from 'gatsby'
-const styled = require('styled-components')
+import styled from 'styled-components'
 import theme from '../theme'
 
 const NavBar: React.FC = () => (

diff --git a/packages/documentation/src/components/pagebody.tsx b/packages/documentation/src/components/pagebody.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react'
-const styled = require('styled-components')
+import styled from 'styled-components'
 import theme from '../theme'
 
 export interface PageBodyProps {

diff --git a/packages/documentation/src/components/sidebar.tsx b/packages/documentation/src/components/sidebar.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react'
 import { Link as GatsbyLink } from 'gatsby'
-const styled = require('styled-components')
+import styled from 'styled-components'
 import { Page, PageGroup } from '../constants'
 import theme from '../theme'
 

diff --git a/packages/documentation/tsconfig.json b/packages/documentation/tsconfig.json
@@ -4,7 +4,8 @@
 		"outDir": "./lib",
 		"baseUrl": "./",
 		"allowSyntheticDefaultImports": true,
-		"esModuleInterop": true
+		"esModuleInterop": true,
+		"allowJs": true
 	},
 	"include": ["./src/index.ts"]
 }