<p dir="auto"><code class="notranslate">error</code></p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="TypeError: C:\Dev\Personal_Projects\web-toolkit\src\ambient\particles\index.js: Property name expected type of string but got null
    at validate (C:\Dev\Personal_Projects\web-toolkit\node_modules\@babel\types\lib\definitions\utils.js:160:13)
    at Object.validate (C:\Dev\Personal_Projects\web-toolkit\node_modules\@babel\types\lib\definitions\utils.js:229:7)
    at validateField (C:\Dev\Personal_Projects\web-toolkit\node_modules\@babel\types\lib\validators\validate.js:24:9)
    at validate (C:\Dev\Personal_Projects\web-toolkit\node_modules\@babel\types\lib\validators\validate.js:17:3)
    at builder (C:\Dev\Personal_Projects\web-toolkit\node_modules\@babel\types\lib\builders\builder.js:38:27)
    at Object.Identifier (C:\Dev\Personal_Projects\web-toolkit\node_modules\@babel\types\lib\builders\generated\index.js:337:31)
    at C:\Dev\Personal_Projects\web-toolkit\node_modules\regenerator-transform\lib\hoist.js:32:29
    at Array.forEach (&lt;anonymous&gt;)
    at varDeclToExpr (C:\Dev\Personal_Projects\web-toolkit\node_modules\regenerator-transform\lib\hoist.js:29:23)
    at exit (C:\Dev\Personal_Projects\web-toolkit\node_modules\regenerator-transform\lib\hoist.js:51:20) {
  code: 'BABEL_TRANSFORM_ERROR'
"><pre class="notranslate"><code class="notranslate">TypeError: C:\Dev\Personal_Projects\web-toolkit\src\ambient\particles\index.js: Property name expected type of string but got null
    at validate (C:\Dev\Personal_Projects\web-toolkit\node_modules\@babel\types\lib\definitions\utils.js:160:13)
    at Object.validate (C:\Dev\Personal_Projects\web-toolkit\node_modules\@babel\types\lib\definitions\utils.js:229:7)
    at validateField (C:\Dev\Personal_Projects\web-toolkit\node_modules\@babel\types\lib\validators\validate.js:24:9)
    at validate (C:\Dev\Personal_Projects\web-toolkit\node_modules\@babel\types\lib\validators\validate.js:17:3)
    at builder (C:\Dev\Personal_Projects\web-toolkit\node_modules\@babel\types\lib\builders\builder.js:38:27)
    at Object.Identifier (C:\Dev\Personal_Projects\web-toolkit\node_modules\@babel\types\lib\builders\generated\index.js:337:31)
    at C:\Dev\Personal_Projects\web-toolkit\node_modules\regenerator-transform\lib\hoist.js:32:29
    at Array.forEach (&lt;anonymous&gt;)
    at varDeclToExpr (C:\Dev\Personal_Projects\web-toolkit\node_modules\regenerator-transform\lib\hoist.js:29:23)
    at exit (C:\Dev\Personal_Projects\web-toolkit\node_modules\regenerator-transform\lib\hoist.js:51:20) {
  code: 'BABEL_TRANSFORM_ERROR'

</code></pre></div>
<p dir="auto"><code class="notranslate">particles\index.js</code></p>
<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="const hello = async () =&gt; {
  const he = { ll: '2' }
  const { ll } = he
}"><pre class="notranslate"><span class="pl-k">const</span> <span class="pl-en">hello</span> <span class="pl-c1">=</span> <span class="pl-k">async</span> <span class="pl-kos">(</span><span class="pl-kos">)</span> <span class="pl-c1">=&gt;</span> <span class="pl-kos">{</span>
  <span class="pl-k">const</span> <span class="pl-s1">he</span> <span class="pl-c1">=</span> <span class="pl-kos">{</span> <span class="pl-c1">ll</span>: <span class="pl-s">'2'</span> <span class="pl-kos">}</span>
  <span class="pl-k">const</span> <span class="pl-kos">{</span> ll <span class="pl-kos">}</span> <span class="pl-c1">=</span> <span class="pl-s1">he</span>
<span class="pl-kos">}</span></pre></div>
<p dir="auto"><code class="notranslate">babel config</code></p>
<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="module.exports = {
  presets: [
    [
      require('@babel/preset-env'),
      {
        targets: 'defaults, not ie &lt;= 11, not edge &gt; 0, not IE_Mob 11',
        modules: false
      }
    ],
    require('@babel/preset-react')
  ],
  plugins: [
    require('react-hot-loader/babel'),
    require('@babel/plugin-transform-regenerator'),
    require('@babel/plugin-syntax-dynamic-import'),
    require('@babel/plugin-syntax-throw-expressions'),
    require('@babel/plugin-transform-runtime'),
    require('babel-plugin-styled-components')
  ],
  env: {
    production: {
      plugins: [require('babel-plugin-transform-react-remove-prop-types')]
    }
  }
}"><pre class="notranslate"><span class="pl-smi">module</span><span class="pl-kos">.</span><span class="pl-c1">exports</span> <span class="pl-c1">=</span> <span class="pl-kos">{</span>
  <span class="pl-c1">presets</span>: <span class="pl-kos">[</span>
    <span class="pl-kos">[</span>
      <span class="pl-en">require</span><span class="pl-kos">(</span><span class="pl-s">'@babel/preset-env'</span><span class="pl-kos">)</span><span class="pl-kos">,</span>
      <span class="pl-kos">{</span>
        <span class="pl-c1">targets</span>: <span class="pl-s">'defaults, not ie &lt;= 11, not edge &gt; 0, not IE_Mob 11'</span><span class="pl-kos">,</span>
        <span class="pl-c1">modules</span>: <span class="pl-c1">false</span>
      <span class="pl-kos">}</span>
    <span class="pl-kos">]</span><span class="pl-kos">,</span>
    <span class="pl-en">require</span><span class="pl-kos">(</span><span class="pl-s">'@babel/preset-react'</span><span class="pl-kos">)</span>
  <span class="pl-kos">]</span><span class="pl-kos">,</span>
  <span class="pl-c1">plugins</span>: <span class="pl-kos">[</span>
    <span class="pl-en">require</span><span class="pl-kos">(</span><span class="pl-s">'react-hot-loader/babel'</span><span class="pl-kos">)</span><span class="pl-kos">,</span>
    <span class="pl-en">require</span><span class="pl-kos">(</span><span class="pl-s">'@babel/plugin-transform-regenerator'</span><span class="pl-kos">)</span><span class="pl-kos">,</span>
    <span class="pl-en">require</span><span class="pl-kos">(</span><span class="pl-s">'@babel/plugin-syntax-dynamic-import'</span><span class="pl-kos">)</span><span class="pl-kos">,</span>
    <span class="pl-en">require</span><span class="pl-kos">(</span><span class="pl-s">'@babel/plugin-syntax-throw-expressions'</span><span class="pl-kos">)</span><span class="pl-kos">,</span>
    <span class="pl-en">require</span><span class="pl-kos">(</span><span class="pl-s">'@babel/plugin-transform-runtime'</span><span class="pl-kos">)</span><span class="pl-kos">,</span>
    <span class="pl-en">require</span><span class="pl-kos">(</span><span class="pl-s">'babel-plugin-styled-components'</span><span class="pl-kos">)</span>
  <span class="pl-kos">]</span><span class="pl-kos">,</span>
  <span class="pl-c1">env</span>: <span class="pl-kos">{</span>
    <span class="pl-c1">production</span>: <span class="pl-kos">{</span>
      <span class="pl-c1">plugins</span>: <span class="pl-kos">[</span><span class="pl-en">require</span><span class="pl-kos">(</span><span class="pl-s">'babel-plugin-transform-react-remove-prop-types'</span><span class="pl-kos">)</span><span class="pl-kos">]</span>
    <span class="pl-kos">}</span>
  <span class="pl-kos">}</span>
<span class="pl-kos">}</span></pre></div>
<p dir="auto"><code class="notranslate">package.json</code></p>
<div class="highlight highlight-source-json notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="  &quot;dependencies&quot;: {
    &quot;@babel/core&quot;: &quot;^7.9.0&quot;,
    &quot;@babel/plugin-syntax-dynamic-import&quot;: &quot;^7.8.3&quot;,
    &quot;@babel/plugin-syntax-throw-expressions&quot;: &quot;^7.8.3&quot;,
    &quot;@babel/plugin-transform-regenerator&quot;: &quot;^7.8.7&quot;,
    &quot;@babel/plugin-transform-runtime&quot;: &quot;^7.9.0&quot;,
    &quot;@babel/preset-env&quot;: &quot;^7.9.0&quot;,
    &quot;@babel/preset-react&quot;: &quot;^7.9.4&quot;,
    &quot;babel-eslint&quot;: &quot;^10.1.0&quot;,
    &quot;babel-jest&quot;: &quot;^25.1.0&quot;,
    &quot;babel-loader&quot;: &quot;^8.1.0&quot;,
    &quot;babel-plugin-styled-components&quot;: &quot;^1.10.7&quot;,
    &quot;babel-plugin-transform-react-remove-prop-types&quot;: &quot;^0.4.24&quot;,
    &quot;react-hot-loader&quot;: &quot;^4.12.20&quot;
  },"><pre class="notranslate">  <span class="pl-ent">"dependencies"</span>: {
    <span class="pl-ent">"@babel/core"</span>: <span class="pl-s"><span class="pl-pds">"</span>^7.9.0<span class="pl-pds">"</span></span>,
    <span class="pl-ent">"@babel/plugin-syntax-dynamic-import"</span>: <span class="pl-s"><span class="pl-pds">"</span>^7.8.3<span class="pl-pds">"</span></span>,
    <span class="pl-ent">"@babel/plugin-syntax-throw-expressions"</span>: <span class="pl-s"><span class="pl-pds">"</span>^7.8.3<span class="pl-pds">"</span></span>,
    <span class="pl-ent">"@babel/plugin-transform-regenerator"</span>: <span class="pl-s"><span class="pl-pds">"</span>^7.8.7<span class="pl-pds">"</span></span>,
    <span class="pl-ent">"@babel/plugin-transform-runtime"</span>: <span class="pl-s"><span class="pl-pds">"</span>^7.9.0<span class="pl-pds">"</span></span>,
    <span class="pl-ent">"@babel/preset-env"</span>: <span class="pl-s"><span class="pl-pds">"</span>^7.9.0<span class="pl-pds">"</span></span>,
    <span class="pl-ent">"@babel/preset-react"</span>: <span class="pl-s"><span class="pl-pds">"</span>^7.9.4<span class="pl-pds">"</span></span>,
    <span class="pl-ent">"babel-eslint"</span>: <span class="pl-s"><span class="pl-pds">"</span>^10.1.0<span class="pl-pds">"</span></span>,
    <span class="pl-ent">"babel-jest"</span>: <span class="pl-s"><span class="pl-pds">"</span>^25.1.0<span class="pl-pds">"</span></span>,
    <span class="pl-ent">"babel-loader"</span>: <span class="pl-s"><span class="pl-pds">"</span>^8.1.0<span class="pl-pds">"</span></span>,
    <span class="pl-ent">"babel-plugin-styled-components"</span>: <span class="pl-s"><span class="pl-pds">"</span>^1.10.7<span class="pl-pds">"</span></span>,
    <span class="pl-ent">"babel-plugin-transform-react-remove-prop-types"</span>: <span class="pl-s"><span class="pl-pds">"</span>^0.4.24<span class="pl-pds">"</span></span>,
    <span class="pl-ent">"react-hot-loader"</span>: <span class="pl-s"><span class="pl-pds">"</span>^4.12.20<span class="pl-pds">"</span></span>
  },</pre></div>
<p dir="auto"><code class="notranslate">node</code> version <code class="notranslate">v12.13.1</code></p>
<p dir="auto">Thanks</p>
<p dir="auto">Following code produces the error:</p>
<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="const hello = async () =&gt; {
  const he = { ll: '2' }
  const { ll } = he
}"><pre class="notranslate"><span class="pl-k">const</span> <span class="pl-en">hello</span> <span class="pl-c1">=</span> <span class="pl-k">async</span> <span class="pl-kos">(</span><span class="pl-kos">)</span> <span class="pl-c1">=&gt;</span> <span class="pl-kos">{</span>
  <span class="pl-k">const</span> <span class="pl-s1">he</span> <span class="pl-c1">=</span> <span class="pl-kos">{</span> <span class="pl-c1">ll</span>: <span class="pl-s">'2'</span> <span class="pl-kos">}</span>
  <span class="pl-k">const</span> <span class="pl-kos">{</span> ll <span class="pl-kos">}</span> <span class="pl-c1">=</span> <span class="pl-s1">he</span>
<span class="pl-kos">}</span></pre></div>
<p dir="auto"><code class="notranslate">babel config</code></p>
<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="module.exports = {
  presets: [
    [
      require('@babel/preset-env'),
      {
        targets: 'defaults, not ie &lt;= 11, not edge &gt; 0, not IE_Mob 11',
        modules: false
      }
    ],
    require('@babel/preset-react')
  ],
  plugins: [
    require('react-hot-loader/babel'),
    require('@babel/plugin-transform-regenerator'),
    require('@babel/plugin-syntax-dynamic-import'),
    require('@babel/plugin-syntax-throw-expressions'),
    require('@babel/plugin-transform-runtime'),
    require('babel-plugin-styled-components')
  ],
  env: {
    production: {
      plugins: [require('babel-plugin-transform-react-remove-prop-types')]
    }
  }
}"><pre class="notranslate"><span class="pl-smi">module</span><span class="pl-kos">.</span><span class="pl-c1">exports</span> <span class="pl-c1">=</span> <span class="pl-kos">{</span>
  <span class="pl-c1">presets</span>: <span class="pl-kos">[</span>
    <span class="pl-kos">[</span>
      <span class="pl-en">require</span><span class="pl-kos">(</span><span class="pl-s">'@babel/preset-env'</span><span class="pl-kos">)</span><span class="pl-kos">,</span>
      <span class="pl-kos">{</span>
        <span class="pl-c1">targets</span>: <span class="pl-s">'defaults, not ie &lt;= 11, not edge &gt; 0, not IE_Mob 11'</span><span class="pl-kos">,</span>
        <span class="pl-c1">modules</span>: <span class="pl-c1">false</span>
      <span class="pl-kos">}</span>
    <span class="pl-kos">]</span><span class="pl-kos">,</span>
    <span class="pl-en">require</span><span class="pl-kos">(</span><span class="pl-s">'@babel/preset-react'</span><span class="pl-kos">)</span>
  <span class="pl-kos">]</span><span class="pl-kos">,</span>
  <span class="pl-c1">plugins</span>: <span class="pl-kos">[</span>
    <span class="pl-en">require</span><span class="pl-kos">(</span><span class="pl-s">'react-hot-loader/babel'</span><span class="pl-kos">)</span><span class="pl-kos">,</span>
    <span class="pl-en">require</span><span class="pl-kos">(</span><span class="pl-s">'@babel/plugin-transform-regenerator'</span><span class="pl-kos">)</span><span class="pl-kos">,</span>
    <span class="pl-en">require</span><span class="pl-kos">(</span><span class="pl-s">'@babel/plugin-syntax-dynamic-import'</span><span class="pl-kos">)</span><span class="pl-kos">,</span>
    <span class="pl-en">require</span><span class="pl-kos">(</span><span class="pl-s">'@babel/plugin-syntax-throw-expressions'</span><span class="pl-kos">)</span><span class="pl-kos">,</span>
    <span class="pl-en">require</span><span class="pl-kos">(</span><span class="pl-s">'@babel/plugin-transform-runtime'</span><span class="pl-kos">)</span><span class="pl-kos">,</span>
    <span class="pl-en">require</span><span class="pl-kos">(</span><span class="pl-s">'babel-plugin-styled-components'</span><span class="pl-kos">)</span>
  <span class="pl-kos">]</span><span class="pl-kos">,</span>
  <span class="pl-c1">env</span>: <span class="pl-kos">{</span>
    <span class="pl-c1">production</span>: <span class="pl-kos">{</span>
      <span class="pl-c1">plugins</span>: <span class="pl-kos">[</span><span class="pl-en">require</span><span class="pl-kos">(</span><span class="pl-s">'babel-plugin-transform-react-remove-prop-types'</span><span class="pl-kos">)</span><span class="pl-kos">]</span>
    <span class="pl-kos">}</span>
  <span class="pl-kos">}</span>
<span class="pl-kos">}</span></pre></div>
<p dir="auto"><code class="notranslate">package.json</code></p>
<div class="highlight highlight-source-json notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="  &quot;dependencies&quot;: {
    &quot;@babel/core&quot;: &quot;^7.9.0&quot;,
    &quot;@babel/plugin-syntax-dynamic-import&quot;: &quot;^7.8.3&quot;,
    &quot;@babel/plugin-syntax-throw-expressions&quot;: &quot;^7.8.3&quot;,
    &quot;@babel/plugin-transform-regenerator&quot;: &quot;^7.8.7&quot;,
    &quot;@babel/plugin-transform-runtime&quot;: &quot;^7.9.0&quot;,
    &quot;@babel/preset-env&quot;: &quot;^7.9.0&quot;,
    &quot;@babel/preset-react&quot;: &quot;^7.9.4&quot;,
    &quot;babel-eslint&quot;: &quot;^10.1.0&quot;,
    &quot;babel-jest&quot;: &quot;^25.1.0&quot;,
    &quot;babel-loader&quot;: &quot;^8.1.0&quot;,
    &quot;babel-plugin-styled-components&quot;: &quot;^1.10.7&quot;,
    &quot;babel-plugin-transform-react-remove-prop-types&quot;: &quot;^0.4.24&quot;,
    &quot;react-hot-loader&quot;: &quot;^4.12.20&quot;
  },"><pre class="notranslate">  <span class="pl-ent">"dependencies"</span>: {
    <span class="pl-ent">"@babel/core"</span>: <span class="pl-s"><span class="pl-pds">"</span>^7.9.0<span class="pl-pds">"</span></span>,
    <span class="pl-ent">"@babel/plugin-syntax-dynamic-import"</span>: <span class="pl-s"><span class="pl-pds">"</span>^7.8.3<span class="pl-pds">"</span></span>,
    <span class="pl-ent">"@babel/plugin-syntax-throw-expressions"</span>: <span class="pl-s"><span class="pl-pds">"</span>^7.8.3<span class="pl-pds">"</span></span>,
    <span class="pl-ent">"@babel/plugin-transform-regenerator"</span>: <span class="pl-s"><span class="pl-pds">"</span>^7.8.7<span class="pl-pds">"</span></span>,
    <span class="pl-ent">"@babel/plugin-transform-runtime"</span>: <span class="pl-s"><span class="pl-pds">"</span>^7.9.0<span class="pl-pds">"</span></span>,
    <span class="pl-ent">"@babel/preset-env"</span>: <span class="pl-s"><span class="pl-pds">"</span>^7.9.0<span class="pl-pds">"</span></span>,
    <span class="pl-ent">"@babel/preset-react"</span>: <span class="pl-s"><span class="pl-pds">"</span>^7.9.4<span class="pl-pds">"</span></span>,
    <span class="pl-ent">"babel-eslint"</span>: <span class="pl-s"><span class="pl-pds">"</span>^10.1.0<span class="pl-pds">"</span></span>,
    <span class="pl-ent">"babel-jest"</span>: <span class="pl-s"><span class="pl-pds">"</span>^25.1.0<span class="pl-pds">"</span></span>,
    <span class="pl-ent">"babel-loader"</span>: <span class="pl-s"><span class="pl-pds">"</span>^8.1.0<span class="pl-pds">"</span></span>,
    <span class="pl-ent">"babel-plugin-styled-components"</span>: <span class="pl-s"><span class="pl-pds">"</span>^1.10.7<span class="pl-pds">"</span></span>,
    <span class="pl-ent">"babel-plugin-transform-react-remove-prop-types"</span>: <span class="pl-s"><span class="pl-pds">"</span>^0.4.24<span class="pl-pds">"</span></span>,
    <span class="pl-ent">"react-hot-loader"</span>: <span class="pl-s"><span class="pl-pds">"</span>^4.12.20<span class="pl-pds">"</span></span>
  },</pre></div>
<p dir="auto"><code class="notranslate">node</code> version <code class="notranslate">v12.13.1</code></p>
<p dir="auto">Thanks</p>
<p dir="auto">More context <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="596818928" data-permission-text="Title is private" data-url="https://github.com/facebook/regenerator/issues/390" data-hovercard-type="pull_request" data-hovercard-url="/facebook/regenerator/pull/390/hovercard" href="https://github.com/facebook/regenerator/pull/390">#390</a></p>