fix: use as prop on MenuButton to fix types (#63)

echobind · Sep 30, 2020 · adae31d · adae31d
1 parent 6f9ee75
commit adae31d
Showing 1 changed file with 11 additions and 2 deletions.
diff --git a/template/components/Nav.tsx b/template/components/Nav.tsx
@@ -1,5 +1,14 @@
 import React from 'react';
-import { Link, Stack, useBreakpoint, MenuButton, Menu, MenuList, MenuItem } from '@chakra-ui/core';
+import {
+ Link,
+ Stack,
+ useBreakpoint,
+ Button,
+ MenuButton,
+ Menu,
+ MenuList,
+ MenuItem,
+} from '@chakra-ui/core';
 import NextLink from 'next/link';
 
 export function Nav() {
@@ -8,7 +17,7 @@ export function Nav() {
 
  return isMobile ? (
  <Menu>
- <MenuButton variant="outline" colorScheme="lightPurple" ml="auto">
+ <MenuButton as={Button} variant="outline" colorScheme="lightPurple" ml="auto">
  =
  </MenuButton>