use custom chakra theme breakpoint values

Author: pettinarip

.storybook/main.js

@@ -1,5 +1,7 @@
 const { propNames } = require("@chakra-ui/react")
+
 const { babelConfig } = require("./babel-storybook-config")
+
 module.exports = {
   stories: [
     {

.storybook/preview.js

@@ -1,8 +1,8 @@
 import { action } from "@storybook/addon-actions"
+
 import theme from "../src/@chakra-ui/gatsby-plugin/theme"
-import { theme as DefaultChakraTheme } from "@chakra-ui/react"
 
-const chakraBreakpointArray = Object.entries(DefaultChakraTheme.breakpoints)
+const chakraBreakpointArray = Object.entries(theme.breakpoints)
 
 // Gatsby's Link overrides:
 // Gatsby Link calls the `enqueue` & `hovering` methods on the global variable ___loader.