dohomi / tamagui-kitchen-sink Goto Github PK
View Code? Open in Web Editor NEWHome of tamagui-extras, a component library which extends Tamagui with additional features..
Home Page: https://tamagui-extras.vercel.app/
Home of tamagui-extras, a component library which extends Tamagui with additional features..
Home Page: https://tamagui-extras.vercel.app/
I also tried looking into the code(LmDatepicker.native.tsx), seems like onChange is never getting invoked at all.
fyi - I am testing on iOS simulator
Adding the infos provided in the readme does not work for me.
Are these up to date?
The info from URL provided https://github.com/dohomi/tamagui-kitchen-sink/blob/master/apps/next/next.config.js#L16 differ from the one in the readme.
const transpilePackages = [
'solito',
'react-native-web',
'react-native',
'expo-linking',
'expo-constants',
'expo-modules-core',
'expo-document-picker',
'expo-av',
'tamagui-phosphor-icons',
// 'tamagui-extras'
// '@expo/vector-icons',
]
require('next-transpile-modules')(
[
'solito',
'react-native-web',
'expo-linking',
'expo-constants',
'expo-modules-core',
'expo-document-picker',
'expo-asset',
'expo-av',
'@my/config',
'tamagui-extras'
]
)
Which packages need to be transpiled exactly for this lib to work?
Hi,
I’m trying out Forms with react-hook-forms and I would like the clarify the behaviour of fullWdith
property in LmInputRhf
.
Currently, I wish to stretch the input form to the end of the screen. Using the fullWidth
prop causes the input to actually overflow the screen. This is not just for iPhone simulator screens, but also for larger devices like iPad. Screenshot attached below:
I am currently following one of the snippets With Tamagui Form 2
.
I have tried adding YStack
with padding
but the issue still persists. Code snippet for the above screenshot:
import React from 'react';
import { Stack, XStack, Paragraph, Form, YStack } from 'tamagui';
import { LmInputRhf } from '@tamagui-extras/form';
import { LmAlert, LmButton } from '@tamagui-extras/core';
import { useForm } from 'react-hook-form';
export default function TripForm(): React.JSX.Element {
const { control, handleSubmit, reset } = useForm({
defaultValues: {
name: '',
email: undefined,
password: undefined,
},
});
return (
<YStack fullscreen padding="$4">
<Form
gap={'$3'}
onSubmit={handleSubmit((data) => {
console.log(data);
})}
>
<LmAlert
severity={'info'}
outlined
text='You can use `useForm` directly from "react-hook-form"'
></LmAlert>
<LmInputRhf
name={'name'}
control={control}
label={'Name'}
placeholder={'Type your name...'}
labelInline
required
fullWidth
/>
<LmInputRhf
name={'email'}
control={control}
label={'Name'}
placeholder={'Type your email...'}
labelInline
/>
<LmInputRhf
name={'password'}
control={control}
label={'Password'}
isPassword
placeholder={'Your password...'}
labelInline
/>
<XStack gap={'$3'}>
<LmButton onPress={() => reset()}>Reset</LmButton>
<Form.Trigger asChild>
<LmButton colorVariant={'primary'}>Submit</LmButton>
</Form.Trigger>
</XStack>
</Form>
</YStack>
);
}
Thanks!
I'm using the LmInput component and I getting this error message in Expo:
ERROR Warning: Function components cannot be given refs. Attempts to access this ref will fail. Did you mean to use React.forwardRef()?
Check the render method of `ForwardRef`.
in _LmInput
My component is like this:
import { Input, YStack, Paragraph } from '@my/ui'
import { useController } from 'react-hook-form'
export default function FormInput({ name, control, error = '', label = '', ...otherProps }) {
const { field } = useController({
control,
defaultValue: '',
name,
})
return (
<YStack gap="$1">
{!!label && <Paragraph>{label}</Paragraph>}
<Input
value={field.value}
onChangeText={field.onChange}
error={Boolean(error)}
{...otherProps}
></Input>
{!!error && <Paragraph error={Boolean(error)}>{error}</Paragraph>}
</YStack>
)
}
The Input component is a LmInput.
Can someone help me?
Hi Dohomi,
We are using this package in production and have noticed that the package specifies Tamagui version 1.89.3 as a peer dependency. Tamagui now is on version 1.91.3, and I'm experiencing compatibility issues due to the version discrepancy. Not sure if it's related to the themes v3 update.
For example, using the latest Takeout, one would get the following errors building the web:
: Module parse failed: Unexpected token (23:13)
--
16:51:44.435 | next-app:build: You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
I think it could be related due to version mismatches so an update might solve the issue. I made a PR here.
I dont know if it's a bug in my code or it's the default behavior of the component, but when I fill the input password and hit enter, the password show/hide the password.
LmDatepicker doesn't work on Android.
I also tested the LmDatePickerRhf and it doesn't work, the values don't update when I select a date.
And the Range Picker is showing two inputs, already on the web only one appears, as expected
The helperTextProps parameter is not being used in LmDatePicker. Is it possible to add it?
Code snippet from LmDatepicker.tsx file
...
<LmFormFieldContainer
id={id}
error={error}
required={required}
labelProps={labelProps}
label={label}
labelInline={labelInline}
helperText={helperText}
fullWidth={fullWidth}
>
...
DateTime Picker when used, does not have any option to set it to full width
Because of this it appears buggy and contains lots of space toward the right
This should be an option for the entire width (fullWidth) as we have for input fields
Attaching video for reference
The LmSelect is blank when selecting an item from dropdown.
Also reproduced in demo: https://tamagui-extras.vercel.app/?path=/story/form-select--inline
Hello, I've been using tamagui-extras and it has been a flawless experience but one issue that caught my eye is that when using localization that requires RTL view, the password pressable that views the password doesn't switch its place due to hardcoded direction. Would be neat if you do a little variable that respects the localization direction.
Hey,
I am not quite sure if I am setting up the package wrong - but when using colorVariant="primary"
on LmButton (LmSubmitButtonRhf) I don't get any color. Same in public storybook demo - I don't see any color variants, they are all the same.
Do I have to setup the colors myself in tamagui config? If so - how exactly?
"@tamagui-extras/core": "^1.2.0"
<LmSubmitButtonRhf
colorVariant="primary"
onSubmit={handleSubmit}>
{t("auth:signInSubmit")}
</LmSubmitButtonRhf>
I was using LmAvatar recently with the "letter" property and I noticed that it was crashing on Expo Go Android.
I checked the source code and found you were using Text
, so I tried to change it to Paragraph
and it worked fine again without any noticeable change in design.
There was a recent PR that switches the outputted files from .js to .mjs. It is possible that it broke Storybook integration as discussed in this Discord thread. Are you able to confirm this? Thank you so much
For reference the errors look like this:
ModuleNotFoundError: Module not found: Error: Can't resolve './views/Text' in '/home/la/Projects/tamagui-kitchen-sink/node_modules/@tamagui/web/dist/esm'
Did you mean 'Text.mjs'?
BREAKING CHANGE: The request './views/Text' failed to resolve only because it was resolved as fully specified
(probably because the origin is strict EcmaScript Module, e. g. a module with javascript mimetype, a '*.mjs' file, or a '*.js' file where the package.json contains '"type": "module"').
The extension in the request is mandatory for it to be fully specified.
Add the extension to the request.
resolve './setupHooks' in '/Users/cassie/r/node_modules/@tamagui/web/dist/esm'
using description file: /Users/cassie/r/node_modules/@tamagui/web/package.json (relative path: ./dist/esm)
Field 'browser' doesn't contain a valid alias configuration
using description file: /Users/cassie/r/node_modules/@tamagui/web/package.json (relative path: ./dist/esm/setupHooks)
Field 'browser' doesn't contain a valid alias configuration
/Users/cassie/r/node_modules/@tamagui/web/dist/esm/setupHooks doesn't exist
[...]
ModuleNotFoundError: Module not found: Error: Can't resolve './views/FontLanguage' in '/Users/cassie/r/node_modules/@tamagui/web/dist/esm'
Did you mean 'FontLanguage.mjs'?
BREAKING CHANGE: The request './views/FontLanguage' failed to resolve only because it was resolved as fully specified
(probably because the origin is strict EcmaScript Module, e. g. a module with javascript mimetype, a '*.mjs' file, or a '*.js' file where the package.json contains '"type": "module"').
The extension in the request is mandatory for it to be fully specified.
Add the extension to the request.
at /Users/cassie/r/node_modules/webpack/lib/Compilation.js:2016:28
at /Users/cassie/r/node_modules/webpack/lib/NormalModuleFactory.js:798:13
Are you able to wrap the Svg
and SvgUri
components with tamagui? When I try they don't seem to work.
Just started using these extra (very) helpful components and they are awesome! Thanks!
I am currently using date
component only and I have encountered a small issue.
In my Tamagui config, I have different breakpoints and I don't have some of the default ones. For example, I don't have xs
breakpoint.
This produces a warning for invalid prop in LmMonth
component as it sets this $xs={{ width: '100%' }}
in couple of places.
This doesn't break anything, it just doesn't apply that style in my case which also doesn't make a problem since the component works and looks decent even without it.
Could we have some kind of API in which we could modify the specific styles or in which we could have our custom breakpoints mappings?
Hey guys, I wasn't able to integrate Tamagui with Storybook in my project, which was created with Create-React-App. However, I found that Tamagui-Kitchen-Sink works perfectly. After exhausting all my attempts to fix the integration issue, I tried running Storybook-React from this monorepo as a standalone project. I changed the TypeScript that was extending from the project root, but I'm encountering some issues. I would really appreciate it if you guys could guide me in the right direction here.
"57% building" never finishes
https://github.com/rodgomesc/tamagui-storybook
(base) ➜ storybook-react yarn sb
yarn run v1.22.17
$ TAMAGUI_TARGET=web start-storybook -p 6006 -s ./public
info @storybook/react v6.5.16
info
(node:16566) DeprecationWarning: --static-dir CLI flag is deprecated, see:
https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#deprecated---static-dir-cli-flag
(Use `node --trace-deprecation ...` to show where the warning was created)
✔ Port 6006 is not available. Would you like to run Storybook on port 6009 instead? … yes
info => Loading presets
info => Serving static files from ././public at /
info Addon-docs: using MDX1
info => Using implicit CSS loaders
info => Using default Webpack5 setup
<i> [webpack-dev-middleware] wait until bundle finished
10% building 0/1 entries 0/0 dependencies 0/0 modules
info => Ignoring cached manager due to change in manager config
<i> [webpack-dev-middleware] wait until bundle finished
17% building 2/15 entries 281/384 dependencies 12/153 modulesTypeError: left.isCompileTimeValue is not a function
at handleAbstractEqualityComparison (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:618:29)
at /Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:796:13
at Hook.eval (eval at create (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/tapable/lib/HookCodeFactory.js:19:10), <anonymous>:7:16)
at JavascriptParser.evaluateExpression (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:3215:25)
at /Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/ConstPlugin.js:247:30
at Hook.eval (eval at create (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/tapable/lib/HookCodeFactory.js:19:10), <anonymous>:7:16)
at JavascriptParser.walkLogicalExpression (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:2494:55)
at JavascriptParser.walkExpression (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:2299:10)
at JavascriptParser.walkAssignmentExpression (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:2566:9)
at JavascriptParser.walkExpression (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:2269:10)
at JavascriptParser.walkExpressionStatement (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:1660:8)
at JavascriptParser.walkStatement (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:1587:10)
at JavascriptParser.walkStatements (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:1481:9)
at JavascriptParser.parse (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:3375:9)
at /Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModule.js:1087:26
at processResult (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModule.js:800:11)
at /Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModule.js:860:5
at /Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/loader-runner/lib/LoaderRunner.js:407:3
at iterateNormalLoaders (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/loader-runner/lib/LoaderRunner.js:233:10)
at /Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/loader-runner/lib/LoaderRunner.js:224:4
at /Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModule.js:834:15
at Array.eval (eval at create (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:12:1)
at runCallbacks (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:27:15)
at /Users/rodrigogomes/workspace/personal/storybook-react/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:200:4
at /Users/rodrigogomes/workspace/personal/storybook-react/node_modules/graceful-fs/graceful-fs.js:123:16
at FSReqCallback.readFileAfterClose [as oncomplete] (node:internal/fs/read_file_context:68:3)
21% building 3/15 entries 2700/2742 dependencies 350/549 modulesTypeError: left.isCompileTimeValue is not a function
at handleStrictEqualityComparison (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:565:29)
at /Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:790:13
at Hook.eval (eval at create (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/tapable/lib/HookCodeFactory.js:19:10), <anonymous>:7:16)
at JavascriptParser.evaluateExpression (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:3215:25)
at /Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:433:23
at Hook.eval (eval at create (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/tapable/lib/HookCodeFactory.js:19:10), <anonymous>:7:16)
at JavascriptParser.evaluateExpression (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:3215:25)
at /Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:1327:28
at Hook.eval (eval at create (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/tapable/lib/HookCodeFactory.js:19:10), <anonymous>:7:16)
at JavascriptParser.evaluateExpression (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:3215:25)
at /Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:1332:29
at Hook.eval (eval at create (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/tapable/lib/HookCodeFactory.js:19:10), <anonymous>:7:16)
at JavascriptParser.evaluateExpression (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:3215:25)
at JavascriptParser.getRenameIdentifier (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:1415:23)
at JavascriptParser.walkVariableDeclaration (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:2112:31)
at JavascriptParser.walkStatement (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:1620:10)
at JavascriptParser.walkStatements (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:1481:9)
at /Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:1655:9
at JavascriptParser.inBlockScope (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:3113:3)
at JavascriptParser.walkBlockStatement (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:1650:8)
at JavascriptParser.walkStatement (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:1572:10)
at /Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:2700:10
at JavascriptParser.inFunctionScope (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:3097:3)
at JavascriptParser._walkIIFE (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:2685:8)
at JavascriptParser.walkCallExpression (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:2739:9)
at JavascriptParser.walkExpression (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:2278:10)
at JavascriptParser.walkVariableDeclaration (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:2126:33)
at JavascriptParser.walkStatement (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:1620:10)
at JavascriptParser.walkStatements (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:1481:9)
at /Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:1655:9
at JavascriptParser.inBlockScope (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:3113:3)
at JavascriptParser.walkBlockStatement (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:1650:8)
at JavascriptParser.walkStatement (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:1572:10)
at /Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:2405:10
at JavascriptParser.inFunctionScope (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:3097:3)
at JavascriptParser.walkFunctionExpression (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:2396:8)
at JavascriptParser.walkExpression (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:2290:10)
at getVarInfo (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:2668:9)
at Array.map (<anonymous>)
at JavascriptParser._walkIIFE (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:2673:34)
at JavascriptParser.walkCallExpression (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:2739:9)
at JavascriptParser.walkExpression (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:2278:10)
at JavascriptParser.walkExpressionStatement (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:1660:8)
at JavascriptParser.walkStatement (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:1587:10)
at JavascriptParser.walkStatements (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:1481:9)
at JavascriptParser.parse (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:3375:9)
at /Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModule.js:1087:26
at processResult (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModule.js:800:11)
at /Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModule.js:860:5
at /Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/loader-runner/lib/LoaderRunner.js:407:3
TypeError: left.isCompileTimeValue is not a function
at handleStrictEqualityComparison (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:565:29)
at /Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:790:13
at Hook.eval (eval at create (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/tapable/lib/HookCodeFactory.js:19:10), <anonymous>:7:16)
at JavascriptParser.evaluateExpression (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:3215:25)
at /Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:433:23
at Hook.eval (eval at create (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/tapable/lib/HookCodeFactory.js:19:10), <anonymous>:7:16)
at JavascriptParser.evaluateExpression (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:3215:25)
at /Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/ConstPlugin.js:208:29
at Hook.eval (eval at create (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/tapable/lib/HookCodeFactory.js:19:10), <anonymous>:7:16)
at JavascriptParser.walkConditionalExpression (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:2575:59)
at JavascriptParser.walkExpression (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:2287:10)
at JavascriptParser.walkConditionalExpression (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:2580:10)
at JavascriptParser.walkExpression (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:2287:10)
at JavascriptParser.walkVariableDeclaration (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:2126:33)
at JavascriptParser.walkStatement (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:1620:10)
at JavascriptParser.walkStatements (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:1481:9)
at /Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:1655:9
at JavascriptParser.inBlockScope (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:3113:3)
at JavascriptParser.walkBlockStatement (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:1650:8)
at JavascriptParser.walkStatement (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:1572:10)
at /Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:2700:10
at JavascriptParser.inFunctionScope (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:3097:3)
at JavascriptParser._walkIIFE (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:2685:8)
at JavascriptParser.walkCallExpression (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:2739:9)
at JavascriptParser.walkExpression (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:2278:10)
at JavascriptParser.walkVariableDeclaration (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:2126:33)
at JavascriptParser.walkStatement (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:1620:10)
at JavascriptParser.walkStatements (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:1481:9)
at /Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:1655:9
at JavascriptParser.inBlockScope (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:3113:3)
at JavascriptParser.walkBlockStatement (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:1650:8)
at JavascriptParser.walkStatement (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:1572:10)
at /Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:2405:10
at JavascriptParser.inFunctionScope (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:3097:3)
at JavascriptParser.walkFunctionExpression (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:2396:8)
at JavascriptParser.walkExpression (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:2290:10)
at getVarInfo (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:2668:9)
at Array.map (<anonymous>)
at JavascriptParser._walkIIFE (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:2673:34)
at JavascriptParser.walkCallExpression (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:2739:9)
at JavascriptParser.walkExpression (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:2278:10)
at JavascriptParser.walkExpressionStatement (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:1660:8)
at JavascriptParser.walkStatement (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:1587:10)
at JavascriptParser.walkStatements (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:1481:9)
at JavascriptParser.parse (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:3375:9)
at /Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModule.js:1087:26
at processResult (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModule.js:800:11)
at /Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModule.js:860:5
at /Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/loader-runner/lib/LoaderRunner.js:407:3
at iterateNormalLoaders (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/loader-runner/lib/LoaderRunner.js:233:10)
TypeError: left.isCompileTimeValue is not a function
at handleStrictEqualityComparison (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:565:29)
at /Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:790:13
at Hook.eval (eval at create (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/tapable/lib/HookCodeFactory.js:19:10), <anonymous>:7:16)
at JavascriptParser.evaluateExpression (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:3215:25)
at /Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/ConstPlugin.js:247:30
at Hook.eval (eval at create (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/tapable/lib/HookCodeFactory.js:19:10), <anonymous>:7:16)
at JavascriptParser.walkLogicalExpression (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:2494:55)
at JavascriptParser.walkExpression (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:2299:10)
at JavascriptParser.walkConditionalExpression (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:2577:9)
at JavascriptParser.walkExpression (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:2287:10)
at JavascriptParser.walkConditionalExpression (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:2580:10)
at JavascriptParser.walkExpression (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:2287:10)
at JavascriptParser.walkVariableDeclaration (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:2126:33)
at JavascriptParser.walkStatement (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:1620:10)
at JavascriptParser.walkStatements (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:1481:9)
at /Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:1655:9
at JavascriptParser.inBlockScope (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:3113:3)
at JavascriptParser.walkBlockStatement (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:1650:8)
at JavascriptParser.walkStatement (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:1572:10)
at /Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:2700:10
at JavascriptParser.inFunctionScope (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:3097:3)
at JavascriptParser._walkIIFE (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:2685:8)
at JavascriptParser.walkCallExpression (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:2739:9)
at JavascriptParser.walkExpression (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:2278:10)
at JavascriptParser.walkVariableDeclaration (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:2126:33)
at JavascriptParser.walkStatement (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:1620:10)
at JavascriptParser.walkStatements (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:1481:9)
at /Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:1655:9
at JavascriptParser.inBlockScope (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:3113:3)
at JavascriptParser.walkBlockStatement (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:1650:8)
at JavascriptParser.walkStatement (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:1572:10)
at /Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:2405:10
at JavascriptParser.inFunctionScope (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:3097:3)
at JavascriptParser.walkFunctionExpression (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:2396:8)
at JavascriptParser.walkExpression (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:2290:10)
at getVarInfo (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:2668:9)
at Array.map (<anonymous>)
at JavascriptParser._walkIIFE (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:2673:34)
at JavascriptParser.walkCallExpression (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:2739:9)
at JavascriptParser.walkExpression (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:2278:10)
at JavascriptParser.walkExpressionStatement (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:1660:8)
at JavascriptParser.walkStatement (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:1587:10)
at JavascriptParser.walkStatements (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:1481:9)
at JavascriptParser.parse (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:3375:9)
at /Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModule.js:1087:26
at processResult (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModule.js:800:11)
at /Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModule.js:860:5
at /Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/loader-runner/lib/LoaderRunner.js:407:3
at iterateNormalLoaders (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/loader-runner/lib/LoaderRunner.js:233:10)
at /Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/loader-runner/lib/LoaderRunner.js:224:4
54% building 12/15 entries 4685/4716 dependencies 944/1019 modulesTypeError: left.isCompileTimeValue is not a function
at handleStrictEqualityComparison (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:565:29)
at /Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:790:13
at Hook.eval (eval at create (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/tapable/lib/HookCodeFactory.js:19:10), <anonymous>:7:16)
at JavascriptParser.evaluateExpression (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:3215:25)
at /Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:433:23
at Hook.eval (eval at create (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/tapable/lib/HookCodeFactory.js:19:10), <anonymous>:7:16)
at JavascriptParser.evaluateExpression (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:3215:25)
at /Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:433:23
at Hook.eval (eval at create (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/tapable/lib/HookCodeFactory.js:19:10), <anonymous>:7:16)
at JavascriptParser.evaluateExpression (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:3215:25)
at /Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/ConstPlugin.js:135:28
at Hook.eval (eval at create (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/tapable/lib/HookCodeFactory.js:19:10), <anonymous>:7:16)
at JavascriptParser.walkIfStatement (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:1671:41)
at JavascriptParser.walkStatement (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:1602:10)
at JavascriptParser.walkStatements (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:1481:9)
at /Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:1655:9
at JavascriptParser.inBlockScope (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:3113:3)
at JavascriptParser.walkBlockStatement (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:1650:8)
at JavascriptParser.walkStatement (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:1572:10)
at JavascriptParser.walkNestedStatement (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:1641:8)
at JavascriptParser.walkIfStatement (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:1676:10)
at JavascriptParser.walkStatement (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:1602:10)
at JavascriptParser.walkStatements (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:1481:9)
at /Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:1655:9
at JavascriptParser.inBlockScope (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:3113:3)
at JavascriptParser.walkBlockStatement (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:1650:8)
at JavascriptParser.walkStatement (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:1572:10)
at JavascriptParser.walkNestedStatement (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:1641:8)
at JavascriptParser.walkIfStatement (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:1676:10)
at JavascriptParser.walkStatement (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:1602:10)
at JavascriptParser.walkStatements (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:1481:9)
at JavascriptParser.parse (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:3375:9)
at /Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModule.js:1087:26
at processResult (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModule.js:800:11)
at /Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModule.js:860:5
at /Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/loader-runner/lib/LoaderRunner.js:407:3
at iterateNormalLoaders (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/loader-runner/lib/LoaderRunner.js:233:10)
at /Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/loader-runner/lib/LoaderRunner.js:224:4
at /Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModule.js:834:15
at Array.eval (eval at create (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:12:1)
at runCallbacks (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:27:15)
at /Users/rodrigogomes/workspace/personal/storybook-react/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:200:4
at /Users/rodrigogomes/workspace/personal/storybook-react/node_modules/graceful-fs/graceful-fs.js:123:16
at FSReqCallback.readFileAfterClose [as oncomplete] (node:internal/fs/read_file_context:68:3)
TypeError: left.isCompileTimeValue is not a function
at handleStrictEqualityComparison (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:565:29)
at /Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:790:13
at Hook.eval (eval at create (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/tapable/lib/HookCodeFactory.js:19:10), <anonymous>:7:16)
at JavascriptParser.evaluateExpression (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:3215:25)
at /Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:433:23
at Hook.eval (eval at create (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/tapable/lib/HookCodeFactory.js:19:10), <anonymous>:7:16)
at JavascriptParser.evaluateExpression (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:3215:25)
at /Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/ConstPlugin.js:247:30
at Hook.eval (eval at create (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/tapable/lib/HookCodeFactory.js:19:10), <anonymous>:7:16)
at JavascriptParser.walkLogicalExpression (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:2494:55)
at JavascriptParser.walkExpression (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:2299:10)
at JavascriptParser.walkIfStatement (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:1673:9)
at JavascriptParser.walkStatement (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:1602:10)
at JavascriptParser.walkStatements (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:1481:9)
at /Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:1655:9
at JavascriptParser.inBlockScope (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:3113:3)
at JavascriptParser.walkBlockStatement (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:1650:8)
at JavascriptParser.walkStatement (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:1572:10)
at JavascriptParser.walkNestedStatement (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:1641:8)
at JavascriptParser.walkIfStatement (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:1676:10)
at JavascriptParser.walkStatement (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:1602:10)
at JavascriptParser.walkStatements (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:1481:9)
at /Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:1655:9
at JavascriptParser.inBlockScope (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:3113:3)
at JavascriptParser.walkBlockStatement (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:1650:8)
at JavascriptParser.walkStatement (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:1572:10)
at JavascriptParser.walkNestedStatement (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:1641:8)
at JavascriptParser.walkIfStatement (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:1676:10)
at JavascriptParser.walkStatement (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:1602:10)
at JavascriptParser.walkStatements (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:1481:9)
at JavascriptParser.parse (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:3375:9)
at /Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModule.js:1087:26
at processResult (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModule.js:800:11)
at /Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModule.js:860:5
at /Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/loader-runner/lib/LoaderRunner.js:407:3
at iterateNormalLoaders (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/loader-runner/lib/LoaderRunner.js:233:10)
at /Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/loader-runner/lib/LoaderRunner.js:224:4
at /Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModule.js:834:15
at Array.eval (eval at create (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:12:1)
at runCallbacks (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:27:15)
at /Users/rodrigogomes/workspace/personal/storybook-react/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:200:4
at /Users/rodrigogomes/workspace/personal/storybook-react/node_modules/graceful-fs/graceful-fs.js:123:16
at FSReqCallback.readFileAfterClose [as oncomplete] (node:internal/fs/read_file_context:68:3)
TypeError: left.isCompileTimeValue is not a function
at handleStrictEqualityComparison (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:565:29)
at /Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:790:13
at Hook.eval (eval at create (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/tapable/lib/HookCodeFactory.js:19:10), <anonymous>:7:16)
at JavascriptParser.evaluateExpression (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:3215:25)
at /Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/ConstPlugin.js:247:30
at Hook.eval (eval at create (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/tapable/lib/HookCodeFactory.js:19:10), <anonymous>:7:16)
at JavascriptParser.walkLogicalExpression (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:2494:55)
at JavascriptParser.walkExpression (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:2299:10)
at JavascriptParser.walkLeftRightExpression (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:2483:8)
at JavascriptParser.walkLogicalExpression (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:2496:9)
at JavascriptParser.walkExpression (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:2299:10)
at JavascriptParser.walkIfStatement (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:1673:9)
at JavascriptParser.walkStatement (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:1602:10)
at JavascriptParser.walkStatements (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:1481:9)
at /Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:1655:9
at JavascriptParser.inBlockScope (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:3113:3)
at JavascriptParser.walkBlockStatement (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:1650:8)
at JavascriptParser.walkStatement (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:1572:10)
at JavascriptParser.walkNestedStatement (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:1641:8)
at JavascriptParser.walkIfStatement (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:1676:10)
at JavascriptParser.walkStatement (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:1602:10)
at JavascriptParser.walkStatements (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:1481:9)
at /Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:1655:9
at JavascriptParser.inBlockScope (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:3113:3)
at JavascriptParser.walkBlockStatement (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:1650:8)
at JavascriptParser.walkStatement (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:1572:10)
at JavascriptParser.walkNestedStatement (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:1641:8)
at JavascriptParser.walkIfStatement (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:1676:10)
at JavascriptParser.walkStatement (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:1602:10)
at JavascriptParser.walkStatements (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:1481:9)
at JavascriptParser.parse (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/javascript/JavascriptParser.js:3375:9)
at /Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModule.js:1087:26
at processResult (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModule.js:800:11)
at /Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModule.js:860:5
at /Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/loader-runner/lib/LoaderRunner.js:407:3
at iterateNormalLoaders (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/loader-runner/lib/LoaderRunner.js:233:10)
at /Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/loader-runner/lib/LoaderRunner.js:224:4
at /Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModule.js:834:15
at Array.eval (eval at create (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/@storybook/builder-webpack5/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:12:1)
at runCallbacks (/Users/rodrigogomes/workspace/personal/storybook-react/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:27:15)
at /Users/rodrigogomes/workspace/personal/storybook-react/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:200:4
at /Users/rodrigogomes/workspace/personal/storybook-react/node_modules/graceful-fs/graceful-fs.js:123:16
at FSReqCallback.readFileAfterClose [as oncomplete] (node:internal/fs/read_file_context:68:3)
assets by chunk 6.08 MiB (id hint: vendors)
assets by status 5.86 MiB [big]
asset vendors-node_modules_storybook_addon-actions_manager_js-node_modules_storybook_addon-backgrou-2a875d.manager.bundle.js 4.43 MiB [emitted] [big] (id hint: vendors)
asset vendors-node_modules_storybook_components_dist_esm_formatter-0d5cb0eb_js.manager.bundle.js 888 KiB [emitted] [big] (id hint: vendors)
asset vendors-node_modules_storybook_components_dist_esm_OverlayScrollbars-1355f44c_js.manager.bundle.js 295 KiB [emitted] [big] (id hint: vendors)
asset vendors-node_modules_storybook_components_dist_esm_syntaxhighlighter-b07b042a_js.manager.bundle.js 286 KiB [emitted] [big] (id hint: vendors)
asset vendors-node_modules_storybook_components_dist_esm_WithTooltip-167e9982_js.manager.bundle.js 126 KiB [emitted] (id hint: vendors)
asset vendors-node_modules_storybook_components_dist_esm_Color-f953d088_js.manager.bundle.js 83.3 KiB [emitted] (id hint: vendors)
asset vendors-node_modules_storybook_components_dist_esm_GlobalScrollAreaStyles-8793ce4a_js.manager.bundle.js 15.6 KiB [emitted] (id hint: vendors)
asset runtime~main.manager.bundle.js 14.2 KiB [emitted] (name: runtime~main)
asset index.html 4.54 KiB [emitted]
asset main.manager.bundle.js 1.6 KiB [emitted] (name: main)
asset node_modules_unfetch_dist_unfetch_js.manager.bundle.js 1.27 KiB [emitted]
Entrypoint main [big] 4.44 MiB = runtime~main.manager.bundle.js 14.2 KiB vendors-node_modules_storybook_addon-actions_manager_js-node_modules_storybook_addon-backgrou-2a875d.manager.bundle.js 4.43 MiB main.manager.bundle.js 1.6 KiB
orphan modules 953 KiB [orphan] 92 modules
runtime modules 8.71 KiB 15 modules
modules by path ./node_modules/ 5.4 MiB 871 modules
./util.inspect (ignored) 15 bytes [built] [code generated]
manager (webpack 5.75.0) compiled successfully in 3568 ms
57% building 13/15 entries 4839/4841 dependencies 1034/1049 modules
Using LmAutocomplete in Expo leads to this error:
Error: `PopperArrow` must be used within `Popper`
This error is located at:
in PopperArrow2 (created by PopoverArrow)
in PopoverArrow (created by LmPopover)
Using version: `0.12.13`
Great job on this project. It's clear you are an influential part of the Tamagui ecosystem.
When running or building the nextjs app in this monorepo, this error is logged to the console.
No native ExponentConstants module found, are you sure the expo-constants's module is linked properly?
Is this error benign? What do you make of it?
I'm getting this error when i click the button to display the date time picker on iOS:
"RNDateTimePicker" cannot be found in UIManager
Running on iOS 16 on Expo.
I am using the LMDatePicker
component in a component created in packages/app/features/
MyComponent
import {ScrollView } from 'tamagui'
import React from 'react';
import { LmDatepicker } from '@tamagui-extras/date'
export function CreateEventScreen() {
return (
<ScrollView>
<LmDatepicker/>
</ScrollView>
)
}
@dohomi My babel.config.js and metro.config.js is the same as in this repo.
I am using pnpm package manager and added the resolution to downgrade the package and verified in my node_modules using this configuration as mentioned here:
"pnpm": {
"overrides": {
"@react-native-community/datetimepicker": "6.7.0"
}
},
Babel Config
const extrasPlugins = [
'@tamagui-extras/config',
'@tamagui-extras/core',
'@tamagui-extras/date',
'@tamagui-extras/form'
]
module.exports = function (api) {
api.cache(true)
return {
presets: [['babel-preset-expo', { jsxRuntime: 'automatic' }]],
plugins: [
require.resolve('expo-router/babel'),
[
'module:react-native-dotenv',
{
moduleName: '@env',
path: '../../.env',
allowlist: ['NEXT_PUBLIC_SUPABASE_URL', 'NEXT_PUBLIC_SUPABASE_ANON_KEY'],
safe: false,
allowUndefined: true
}
],
[
require.resolve('babel-plugin-module-resolver'),
{
root: ['../..'],
alias: {
// define aliases to shorten the import paths
app: '../../packages/app',
'@ampm/events-api': '../../packages/api',
'@ampm/events-ui': '../../packages/ui'
},
extensions: ['.js', '.jsx', '.tsx', '.ios.js', '.android.js']
}
],
// if you want reanimated support
// 'react-native-reanimated/plugin',
...(process.env.EAS_BUILD_PLATFORM === 'android'
? []
: [
[
'@tamagui/babel-plugin',
{
components: ['@ampm/events-ui', ...extrasPlugins, 'tamagui'],
config: './tamagui.config.ts'
}
]
]),
[
'transform-inline-environment-variables',
{
include: 'TAMAGUI_TARGET'
}
],
'jotai/babel/plugin-react-refresh'
]
}
}
Metro.config.js
// Learn more https://docs.expo.io/guides/customizing-metro
/**
* @type {import('expo/metro-config')}
*/
const { getDefaultConfig } = require('@expo/metro-config')
const path = require('path')
const projectRoot = __dirname
const workspaceRoot = path.resolve(__dirname, '../..')
const config = getDefaultConfig(projectRoot)
config.watchFolders = [workspaceRoot]
config.resolver.nodeModulesPaths = [
path.resolve(projectRoot, 'node_modules'),
path.resolve(workspaceRoot, 'node_modules'),
]
config.resolver.disableHierarchicalLookup = true
config.resolver = {
...config.resolver,
}
config.transformer = config.transformer || {}
config.transformer.minifierPath = require.resolve('metro-minify-terser')
config.transformer.unstable_allowRequireContext = true
module.exports = config
Originally posted by @pmould in #26 (comment)
I'm getting this error at startup, which is non-breaking error:
transform[stderr]: Error: Invalid export from package tamagui-extras: function
transform[stderr]: at getComponentStaticConfigByName```
Using latest version `0.12.13`
I'm trying to set up tamagui-extras into a expo + tamagui project. I installed the required dependencies and the IDE is properly importing the tamagui-extras components, but at build it's erroring out:
node_modules
2 | import { useRouter } from 'expo-router';
3 | import { YStack } from 'tamagui';
> 4 | import { LmFormRhfProvider, LmInputRhf, LmSliderRhf, LmSubmitButtonRhf } from 'tamagui-extras/form';
| ^
5 |
6 | export default function Test() {
7 | const router = useRouter();
My package.json:
"name": "xthing",
"version": "1.0.0",
"main": "index.js",
"scripts": {
"start": "expo start",
"android": "expo start --android",
"ios": "expo start --ios",
"web": "expo start --web"
},
"dependencies": {
"@shopify/flash-list": "1.4.0",
"@tamagui/animations-react-native": "^1.12.1",
"@tamagui/babel-plugin": "^1.12.1",
"@tamagui/config": "^1.12.1",
"@tamagui/font-inter": "^1.12.1",
"@tamagui/theme-base": "^1.12.1",
"@tamagui/themes": "^1.12.1",
"babel-plugin-transform-inline-environment-variables": "^0.4.4",
"burnt": "^0.10.0",
"eslint-plugin-simple-import-sort": "^10.0.0",
"expo": "~48.0.10",
"expo-constants": "~14.2.1",
"expo-font": "^11.1.1",
"expo-linking": "~4.0.1",
"expo-router": "^1.4.3",
"expo-status-bar": "~1.4.4",
"react": "18.2.0",
"react-dom": "^18.2.0",
"react-native": "0.71.6",
"react-native-reanimated": "~2.14.4",
"react-native-safe-area-context": "4.5.0",
"react-native-screens": "~3.20.0",
"react-native-web": "^0.19.1",
"tamagui": "^1.12.1",
"tamagui-extras": "^0.12.9"
},
"devDependencies": {
"@babel/core": "^7.20.0",
"@types/react": "~18.0.14",
"@typescript-eslint/eslint-plugin": "^5.57.1",
"@typescript-eslint/parser": "^5.57.1",
"eslint": "^8.37.0",
"eslint-config-universe": "^11.2.0",
"eslint-plugin-unused-imports": "^2.0.0",
"prettier": "^2.8.7",
"typescript": "^4.9.4"
},
"private": true
}
Am I doing something wrong? I'd appreciate any help. If you need more information about my setup just ask.
Thanks.
I had too many issues with the current setup - still trying to nail down the setup for all environments.
The new version of tamagui-extras
will result in multiple npm packages:
@tamagui-extras/core
@tamagui-extras/date
@tamagui-extras/file
@tamagui-extras/form
@tamagui-extras/link
@tamagui-extras/rich-text
@tamagui-extras/video
@tamagui-extras/youtube
This will require to update the next.config.js or expo babel.config.js file:
// expo babel config
[
'@tamagui/babel-plugin',
{
components: ['@tamagui-extras/core', '@tamagui-extras/date', 'tamagui'], // add all the components you use
config: './tamagui.config.ts',
},
],
// nextjs config
withTamagui({
config: './tamagui.config.ts',
components: ['tamagui', '@tamagui-extras/core', '@tamagui-extras/date'], // add all components you use
importsWhitelist: ['constants.js', 'colors.js'],
(...)
My app is crashing instantly when loading a form with an LmInputRhf
with isPassword={true}
with the following error:
Error while updating property 'height' in shadow node of type: RCTView
null
Unknown value: 20px
Expo console shows no errors. That error just flashes on the Android and the app instantly closes. I don't know if that has something to do with @tamagui-extras/form or it's a problem with the package versions I'm using.
Could you please provide an example how one should use local image assets in the ui
package with tamagui's Image
component? I'm struggling to bundle an image with one of the components that can then be used in Storybook, web and native too.
Thank you
I will just throw black color and logged an error like this
Warning: Failed prop type: Invalid prop `color` supplied to `Text`: $red10
Valid color formats are
- '#f0f' (#rgb)
- '#f0fc' (#rgba)
- '#ff00ff' (#rrggbb)
- '#ff00ff00' (#rrggbbaa)
- 'rgb(255, 255, 255)'
- 'rgba(255, 255, 255, 1.0)'
- 'hsl(360, 100%, 100%)'
- 'hsla(360, 100%, 100%, 1.0)'
- 'transparent'
- 'red'
- 0xff00ff00 (0xrrggbbaa)
Bad object: {
"color": "$red10",
"fontFamily": "Inter",
"letterSpacing": 0,
"fontSize": 14,
"lineHeight": 36,
"backgroundColor": "transparent",
"display": "flex",
"alignItems": "center"
}
Warning: Failed prop type: Invalid prop `borderTopColor` supplied to `TextInput`: $red8
Valid color formats are
- '#f0f' (#rgb)
- '#f0fc' (#rgba)
- '#ff00ff' (#rrggbb)
- '#ff00ff00' (#rrggbbaa)
- 'rgb(255, 255, 255)'
- 'rgba(255, 255, 255, 1.0)'
- 'hsl(360, 100%, 100%)'
- 'hsla(360, 100%, 100%, 1.0)'
- 'transparent'
- 'red'
- 0xff00ff00 (0xrrggbbaa)
Bad object: {
"fontFamily": "Inter",
"letterSpacing": 0,
"fontSize": 15,
"paddingRight": 16,
"paddingLeft": 16,
"height": 44,
"borderTopLeftRadius": 9,
"borderTopRightRadius": 9,
"borderBottomRightRadius": 9,
"borderBottomLeftRadius": 9,
"borderTopWidth": 1,
"borderRightWidth": 1,
"borderBottomWidth": 1,
"borderLeftWidth": 1,
"color": "#fff",
"borderTopColor": "$red8",
"borderRightColor": "$red8",
"borderBottomColor": "$red8",
"borderLeftColor": "$red8",
"backgroundColor": "#151515",
"minWidth": 0,
"borderStyle": "solid"
}
Some fonts are not loading properly, it should be Inter but it's loading the System font. You can observe it here: Alert story
However on the Card story it shows the correct Inter font. Could you add an example how to load fonts properly in Storybook with Tamagui?
Thank you for this repo, it helped me a lot
Problem: The space in LmFormFieldContainer
can restrict styling.
Solution: Allow LmFormFieldContainer
to take a prop that affects the space
prop passed to the YStack
. Without being able to change it the styling becomes a bit tricky, relying on inverse margins.
Re:
I think a prop of something like inputSpace
or inputHelperSpace
would work:
export function LmFormFieldContainer({
label,
...
inputSpace = true, // inputSpace?: SpaceTokens | null | undefined
...rest
}: LmFormContainerProps) {
return (
<StackContainer space={!!rest.labelInline} {...rest}>
...
63: <YStack space={inputSpace}>
64: {children}
...
}
Alternatively, switching to gap
instead of space
and allowing a prop like inputGap
or inputHelperGap
would allow it to be overridden.
Also I'd like to say thanks for this creating and maintaining this project, its been massively helpful!
I'm trying to import the LmInput component but I'm getting the following error:
"tamagui-extras"` has no exported member 'LmInput'. Did you mean 'Input'?
The same happens when a try this import:
import {LmFormRhfProvider, LmInputRhf, LmSliderRhf, LmSubmitButtonRhf} from "tamagui-extras";
I'm using the version 0.12.2.
Hello,
I'm developing my application using Tamagui, and I need to use some DatePicker, so I found this package @tamagui-extras/date
wich seems to be fine.
I Installed with
yarn add @tamagui-extras/date
package.json
"dependencies": {
"@expo-google-fonts/poppins": "^0.2.3",
"@react-navigation/native": "^6.0.2",
"@tamagui-extras/date": "^1.9.9",
"@tamagui/babel-plugin": "^1.76.0",
"@tamagui/config": "^1.76.0",
"babel-plugin-transform-inline-environment-variables": "^0.4.4",
"expo": "~49.0.15",
"expo-crypto": "~12.4.1",
"expo-font": "~11.4.0",
"expo-linking": "~5.0.2",
"expo-router": "^2.0.0",
"expo-secure-store": "~12.3.1",
"expo-splash-screen": "~0.20.5",
"expo-sqlite": "~11.3.3",
"expo-status-bar": "~1.6.0",
"expo-system-ui": "~2.4.0",
"expo-web-browser": "~12.3.2",
"react": "18.2.0",
"react-dom": "18.2.0",
"react-native": "0.72.6",
"react-native-gesture-handler": "~2.12.0",
"react-native-reanimated": "~3.3.0",
"react-native-safe-area-context": "4.6.3",
"react-native-screens": "~3.22.0",
"react-native-svg": "13.9.0",
"react-native-web": "~0.19.6",
"tamagui": "^1.76.0"
},
The component where I use the date picker
import React from "react"
import { type GetProps, YStack } from "tamagui"
import { LmDateSelection } from "@tamagui-extras/date"
export interface IStyledDatePickerProps {
$stack?: GetProps<typeof YStack>
$switch?: GetProps<typeof Switch>
label?: string
}
export default function StyledDatePicker(props: IStyledDatePickerProps) {
return (
<YStack
px={16}
py={8}
gap={8}
{...props.$stack}
>
<LmDateSelection />
</YStack>
)
}
When I add the <LmDateSelection/>
to my component, the following error occurs
Unable to resolve "expo-linear-gradient" from "node_modules/@tamagui/linear-gradient/dist/cjs/linear-gradient.native.js"
ERROR [Error: undefined Unable to resolve module expo-linear-gradient from ./node_modules/@tamagui/linear-gradient/dist/cjs/linear-gradient.native.js: expo-linear-gradient could not be found within the project or in these directories:
node_modules
../node_modules
19 | });
20 | module.exports = __toCommonJS(linear_gradient_exports);
> 21 | var import_expo_linear_gradient = require("expo-linear-gradient");
| ^
22 | // Annotate the CommonJS export names for ESM import in node:
23 | 0 && (module.exports = {
24 | LinearGradient]
@dohomi you reached out to me on discord regarding partnering on a tamagui component library. Are you still interested?
Is it possible to apply style to the eye in the password input?
Every now and then I get this error when interacting with a form:
Warning: Failed prop type: Invalid props.style key `outlineColor` supplied to `ForwardRef(TextInput)`.
Bad object: {
"borderTopColor": "rgba(253,216,216,1.00)",
"borderRightColor": "rgba(253,216,216,1.00)",
"borderBottomColor": "rgba(253,216,216,1.00)",
"borderLeftColor": "rgba(253,216,216,1.00)",
"color": "rgba(23,23,23,1.00)",
"fontFamily": "Inter",
"paddingRight": 16,
"paddingLeft": 16,
"height": 44,
"borderTopLeftRadius": 9,
"borderTopRightRadius": 9,
"borderBottomRightRadius": 9,
"borderBottomLeftRadius": 9,
"borderTopWidth": 1,
"borderRightWidth": 1,
"borderBottomWidth": 1,
"borderLeftWidth": 1,
"backgroundColor": "rgba(255,252,252,1.00)",
"minWidth": 0,
"outlineColor": "rgba(253,216,216,1.00)",
"outlineWidth": 2,
"outlineStyle": "solid",
"borderStyle": "solid",
"fontWeight": "300",
"letterSpacing": 0,
"fontSize": 14
}
Valid keys: [
"alignContent",
"alignItems",
"alignSelf",
"aspectRatio",
"borderBottomWidth",
"borderEndWidth",
"borderLeftWidth",
"borderRightWidth",
"borderStartWidth",
"borderTopWidth",
"borderWidth",
"bottom",
"columnGap",
"direction",
"display",
"end",
"flex",
"flexBasis",
"flexDirection",
"flexGrow",
"flexShrink",
"flexWrap",
"gap",
"height",
"justifyContent",
"left",
"margin",
"marginBlock",
"marginBlockEnd",
"marginBlockStart",
"marginBottom",
"marginEnd",
"marginHorizontal",
"marginInline",
"marginInlineEnd",
"marginInlineStart",
"marginLeft",
"marginRight",
"marginStart",
"marginTop",
"marginVertical",
"maxHeight",
"maxWidth",
"minHeight",
"minWidth",
"overflow",
"padding",
"paddingBlock",
"paddingBlockEnd",
"paddingBlockStart",
"paddingBottom",
"paddingEnd",
"paddingHorizontal",
"paddingInline",
"paddingInlineEnd",
"paddingInlineStart",
"paddingLeft",
"paddingRight",
"paddingStart",
"paddingTop",
"paddingVertical",
"position",
"right",
"rowGap",
"start",
"top",
"width",
"zIndex",
"shadowColor",
"shadowOffset",
"shadowOpacity",
"shadowRadius",
"transform",
"backfaceVisibility",
"backgroundColor",
"borderBottomColor",
"borderBottomEndRadius",
"borderBottomLeftRadius",
"borderBottomRightRadius",
"borderBottomStartRadius",
"borderColor",
"borderCurve",
"borderEndColor",
"borderLeftColor",
"borderRadius",
"borderRightColor",
"borderStartColor",
"borderStyle",
"borderTopColor",
"borderTopEndRadius",
"borderTopLeftRadius",
"borderTopRightRadius",
"borderTopStartRadius",
"elevation",
"opacity",
"pointerEvents",
"color",
"fontFamily",
"fontSize",
"fontStyle",
"fontVariant",
"fontWeight",
"includeFontPadding",
"letterSpacing",
"lineHeight",
"textAlign",
"textAlignVertical",
"textDecorationColor",
"textDecorationLine",
"textDecorationStyle",
"textShadowColor",
"textShadowOffset",
"textShadowRadius",
"textTransform",
"userSelect",
"verticalAlign",
"writingDirection"
]
It doesn't break anything, and in fact the outlineColor seems to be applied (or perhaps it's just the borderColor that's showing). But having the console warning popping up is a bit annoying.
To improve design integration it would be good to allow form components to receive helperProps
I am using tamagui on bare expo application. Without next.
After installing, I ran into following error:
Unable to resolve "tamagui-phosphor-icons" from "node_modules/tamagui-extras/dist/cjs/components/panels/LmDialog.js"
Installed the package, and it was fixed.
But then I've got another error:
Unable to resolve "solito/link" from "node_modules/tamagui-extras/dist/cjs/components/forms/LmLinkButton.js"
Which I won't install as I am not using solito.
Am I missing something?
Great work especially with the popovers. Will be good to have PIN code input as most of them don't have typescript support.
When using LmDatepicker on Web, the onChange function gets triggered which allows me to use a setDate function and update the date. However, on iOS and Android, this function doesn't get triggered so the component is not usable. Please let me know if any fix is available soon. Thanls.
The style focus doesn't work for LmInput in NextJs.
Here is the repository with the minimum to check: https://github.com/tjapa/test-tamagui-extras
The code of the Custom LmInput:
import { GetProps, styled } from 'tamagui'
import { LmInput as TamaguiInput } from '@tamagui-extras/form'
export const CustomLmInput = styled(TamaguiInput, {
backgroundColor: 'violet',
borderColor: 'blue',
color: 'red',
focusStyle: {
backgroundColor: 'green',
borderColor: 'purple',
color: 'yellow',
},
})
export type CustomLmInputProps = GetProps<typeof TamaguiInput>
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.