# Chrome Plugin Warning: Invalid DOM property \`tabindex\`. Did you mean \`tabIndex\`?

**URL:** <https://forum.builder.io/t/chrome-plugin-warning-invalid-dom-property-tabindex-did-you-mean-tabindex/7129>\
**Category:** Bugs\
**Created:** [January 11, 2025, 2:02pm UTC](https://forum.builder.io/t/chrome-plugin-warning-invalid-dom-property-tabindex-did-you-mean-tabindex/7129 "2025-01-11T14:02:41Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![jhs129](https://avatars.discourse-cdn.com/v4/letter/j/2acd7d/32.png) [@jhs129](https://forum.builder.io/u/jhs129)\
**Post date:** [January 11, 2025, 2:02pm UTC](https://forum.builder.io/t/chrome-plugin-warning-invalid-dom-property-tabindex-did-you-mean-tabindex/7129/1 "2025-01-11T14:02:41Z")

</div>

I used the chrome plugin to copy a layout from [www.orlandohealth.com](http://www.orlandohealth.com) for a hero banner for testing:

 ![image](https://us1.discourse-cdn.com/flex020/uploads/builder/original/2X/9/9b73994b5af7102e60c38223fbb66e9bc1bdb835.jpeg)

this worked fuctionally but immediately started generating the following warnings from Next JS:

Warning: Invalid DOM property `tabindex`. Did you mean `tabIndex`?  
at img  
at ImgComponent (/Users/johnhschneider/dev/orh/ohdotcom/node\_modules/@builder.io/react/src/blocks/raw/Img.tsx:14:1)  
at BuilderBlock (/Users/johnhschneider/dev/orh/ohdotcom/node\_modules/@builder.io/react/src/components/builder-block.component.tsx:723:2)  
at div  
at BuilderBlock (/Users/johnhschneider/dev/orh/ohdotcom/node\_modules/@builder.io/react/src/components/builder-block.component.tsx:723:2)  
at div  
at BuilderBlock (/Users/johnhschneider/dev/orh/ohdotcom/node\_modules/@builder.io/react/src/components/builder-block.component.tsx:723:2)  
at div  
at BuilderBlock (/Users/johnhschneider/dev/orh/ohdotcom/node\_modules/@builder.io/react/src/components/builder-block.component.tsx:723:2)  
at div  
at BasicProvider (/Users/johnhschneider/dev/orh/ohdotcom/node\_modules/@emotion/core/dist/emotion-element-c423a2c0.cjs.dev.js:45:32)  
at EmotionCssPropInternal  
at BuilderBlocks (/Users/johnhschneider/dev/orh/ohdotcom/node\_modules/@builder.io/react/src/components/builder-blocks.component.tsx:31:1)  
at div  
at div  
at VariantsProvider (/Users/johnhschneider/dev/orh/ohdotcom/node\_modules/@builder.io/react/src/components/variants-provider.component.tsx:104:14)  
at BuilderContent (/Users/johnhschneider/dev/orh/ohdotcom/node\_modules/@builder.io/react/src/components/builder-content.component.tsx:360:2)  
at div  
at BuilderComponent (/Users/johnhschneider/dev/orh/ohdotcom/node\_modules/@builder.io/react/src/components/builder-component.component.tsx:393:15)  
at Page (/Users/johnhschneider/dev/orh/ohdotcom/pages/index.tsx:50:37)  
at App (/Users/johnhschneider/dev/orh/ohdotcom/pages/\_app.js:3:31)  
at StyleRegistry (/Users/johnhschneider/dev/orh/ohdotcom/node\_modules/styled-jsx/dist/index/index.js:449:36)  
at PathnameContextProviderAdapter (webpack://next/dist/src/shared/lib/router/adapters.tsx:70:3)  
at AppContainer (webpack://next/dist/src/server/render.tsx:699:27)  
at AppContainerWithIsomorphicFiberStructure (webpack://next/dist/src/server/render.tsx:750:11)  
at div  
at Body (webpack://next/dist/src/server/render.tsx:1217:19)

If I remove the content pasted in from the chrome plugin the error goes away. It seems somewhere in the builder code you are using the property ‘tabindex’ vs ‘tabIndex’. Should be a super quick fix that will remove this annoying warning.

Here is a link to the page that does this:

> **[Builder.io: Visual Development Platform](https://builder.io/content/03fcd33dd72a48dfb00effd2020967dd/edit?activeDesignerTab=3&selectedBlock=builder-m5s8hrbe0qyx8beq2g8chttps:%2F%2Fbuilder.io%2Fcontent%2F03fcd33dd72a48dfb00effd2020967dd%2Fedit?activeDesignerTab=3&selectedBlock=builder-m5s8hrbe0qyx8beq2g8c)**
>
> Builder is the only Visual Development Platform that offers an AI-powered design-to-code tool, a visual editor and an enterprise CMS.

**Builder public api key**  
19ea4309187745989c31be6f73da25f8

**Code stack you are integrating Builder with**  
NextJS

---

<div class="post-metadata">

**Author:** ![sheema](https://avatars.discourse-cdn.com/v4/letter/s/e19adc/32.png) [@sheema](https://forum.builder.io/u/sheema)\
**Post date:** [January 13, 2025, 7:18am UTC](https://forum.builder.io/t/chrome-plugin-warning-invalid-dom-property-tabindex-did-you-mean-tabindex/7129/2 "2025-01-13T07:18:28Z")

</div>

Hey, @jhs129 could you please upgrade your React and your SDK and let me know if you are still receiving the same warning?
