typescript

[bradfordcondon]

notes converting to typescript.

• Typescript gatsby example https://github.com/gatsbyjs/gatsby/tree/master/examples/using-typescript
• had to change target & module from example (see json below)

"compilerOptions": {
  "target": "es5",
  "module": "commonjs",

This leaves us with two errors

src/templates/blog-post.tsx:3:20 - error TS7016: Could not find a declaration file for module '../components/layout'. '/Users/bc/html/gatsby/bc/src/components/layout.js' implicitly has an 'any' type.

3 import Layout from '../components/layout'
                     ~~~~~~~~~~~~~~~~~~~~~~

src/templates/blog-post.tsx:5:19 - error TS7031: Binding element 'data' implicitly has an 'any' type.

5 export default ({ data }) => {
                    ~~~~

https://www.typescriptlang.org/docs/handbook/module-resolution.html

[bradfordcondon]

Can add "noImplicitAny": false to our typescript config
Can explicitly declare data as any:
export default ({ data } :{data: any}) => {

export default ({ data }) => {

[bradfordcondon]

after upgrading react/gatsby:

  119:18  error    Unknown argument "formatString" on field "date" of type "MarkdownRemarkFrontmatter"  graphql/template-strings

turns out the markdown header reader became pickier about the dates. 2017-7-8 now needs to be 2017-07-08