component---src-pages-using-typescript-tsx-26054bc729026dd5d4b4.js.map

{"version":3,"sources":["webpack:///./src/pages/using-typescript.tsx"],"names":["UsingTypescript","data","path","location","title","site","buildTime","href","to","query"],"mappings":"6FAAA,0GA6CeA,UAhCyC,SAAC,GAAD,IACtDC,EADsD,EACtDA,KACAC,EAFsD,EAEtDA,KACAC,EAHsD,EAGtDA,SAHsD,OAKtD,kBAAC,IAAD,CAAQC,MAAM,mBAAmBD,SAAUA,GACzC,kBAAC,IAAD,CAAKC,MAAM,qBACX,sEACA,uEAC2C,wCAD3C,+DAE8C,2CAF9C,wEAKA,uEAC2C,0CAD3C,oBAEM,0CAFN,gBAEsC,yCAFtC,UAIA,6DACiCF,EADjC,uBAC2D,IACxDD,EAAKI,KAAKC,UAFb,KAIA,6DACkC,IAChC,uBAAGC,KAAK,6CAAR,kCAFF,KAOA,kBAAC,OAAD,CAAMC,GAAG,KAAT,6BAMG,IAAMC,EAAQ","file":"component---src-pages-using-typescript-tsx-26054bc729026dd5d4b4.js","sourcesContent":["// If you don't want to use TypeScript you can delete this file!\r\nimport React from \"react\"\r\nimport { PageProps, Link, graphql } from \"gatsby\"\r\n\r\nimport Layout from \"../components/layout\"\r\nimport SEO from \"../components/seo\"\r\n\r\ntype DataProps = {\r\n  site: {\r\n    buildTime: string\r\n  }\r\n}\r\n\r\nconst UsingTypescript: React.FC<PageProps<DataProps>> = ({\r\n  data,\r\n  path,\r\n  location,\r\n}) => (\r\n  <Layout title=\"Using TypeScript\" location={location}>\r\n    <SEO title=\"Using TypeScript\" />\r\n    <h1>Gatsby supports TypeScript by default!</h1>\r\n    <p>\r\n      This means that you can create and write <em>.ts/.tsx</em> files for your\r\n      pages, components etc. Please note that the <em>gatsby-*.js</em> files\r\n      (like gatsby-node.js) currently don't support TypeScript yet.\r\n    </p>\r\n    <p>\r\n      For type checking you'll want to install <em>typescript</em> via npm and\r\n      run <em>tsc --init</em> to create a <em>.tsconfig</em> file.\r\n    </p>\r\n    <p>\r\n      You're currently on the page \"{path}\" which was built on{\" \"}\r\n      {data.site.buildTime}.\r\n    </p>\r\n    <p>\r\n      To learn more, head over to our{\" \"}\r\n      <a href=\"https://www.gatsbyjs.com/docs/typescript/\">\r\n        documentation about TypeScript\r\n      </a>\r\n      .\r\n    </p>\r\n    <Link to=\"/\">Go back to the homepage</Link>\r\n  </Layout>\r\n)\r\n\r\nexport default UsingTypescript\r\n\r\nexport const query = graphql`\r\n  {\r\n    site {\r\n      buildTime(formatString: \"YYYY-MM-DD hh:mm a z\")\r\n    }\r\n  }\r\n`\r\n"],"sourceRoot":""}