I have a really simple React library that I use with my own state management.  It's just a Higher Order Component:  import React from 'react'; /**  *   * @param {Object} state - Reference to SubState instance   * @param {Object} chunk  -...

I am designing a drop-down component in React/Preact. The interaction of the dropdown is as shown below:    For the obvious reasons that component can be anywhere on the page and any ancestor DOM element can create new stacking context or use overfl...

I am trying to change some text in a preact component based on an object the user clicks in this threejs scene. I am using Matt DesLauriers' template for this app as I wanted to see how professionals might do it. This is the first time I have use...

I've been trying to implement an onclick modal close in my system. I already implemented a modal onclick event using a close button but haven't done it successfully when clicking outside the modal  I already tried adding onclick listener on t...

I have a custom input component:  function Input({ field }) {   return <input {...field} />; }   that is used in a Formik's <Field /> component:  <Field name="subject" component={Input} />  And a validation function on t...

I'm using preact 8.4.2 and have preact-compat as well.  I'm using linkifyjs/react to render links in text. This works fine in development, but my tests are failing when trying to import the React-dependent `linkifyjs/react' library with t...

I am trying to build an application using preact and I have created a simple component known as LayoutComponent.  In Layout component I have used Auxilary component as shown below:  import { h } from 'preact'; import Aux from '../../hoc/A...

I am building a hooks-based responsive table/data-grid component using Preact. Users are expected to use the components as follows:  <Table>   <Column minWidth='150px' key='name' sort={true}>Name</Column>   <Colum...

I'm using preact-cli to generate projects and can modify webpack config.  I want to import styles into my components using the following format;  // Component.scss .component {  width: 100px;  height: 100px;  background: red; }   // Component.jsx...

My goal is to get two bundles when I build, one for the index.tsx file and another for the lazy.tsx file. I am pretty sure that I am simply missing one or two options somewhere.  GitHub MCVE - example project link  File src/index.tsx  import { render...