Passing react-router-dom’s Link into external library

I’m rendering components from my external (node_modules) pattern library. In my main App, I’m passing my Link instance from react-router-dom into my external libraries’ component like so: import { Link } from ‘react-router-dom’; import { Heading } from ‘my-external-library’; const articleWithLinkProps = { url: `/article/${article.slug}`, routerLink: Link, }; <Heading withLinkProps={articleWithLinkProps} /> In my library, it’s…

Details

Is this a bug in GNU make’s `filter`?

I have a Makefile that starts like this: CORE_PATH:=$(filter %/makefile_ltlibs.inc,$(MAKEFILE_LIST)) foobar: @echo “MAKEFILE_LIST = \”$(MAKEFILE_LIST)\”” @echo “filter = \”$(filter %/makefile_ltlibs.inc,$(MAKEFILE_LIST))\”” @echo “CORE_PATH = \”$(CORE_PATH)\”” and when I run gmake foobar I get the follow output: MAKEFILE_LIST = ” GNUmakefile ../../matrixssl.test/crypto/Makefile ../common.mk ../core/makefiles/detect-and-rules.mk ../../matrixssl.test/crypto/makefile.inc makefile ../../matrixssl.test/crypto/makefile_ltlibs.inc” filter = “../../matrixssl.test/crypto/makefile_ltlibs.inc” CORE_PATH = “” How is it possible…

Details

How to style an element on focus using styled components?

Here is my styled component: const StyledInput = styled.input` width: 90%; padding: grey; border: 0px; font-size: 12px; &:input:focus { outline: none; box-shadow: 0px 0px 2px red; } `; And the implementation: <StyledInput autoFocus={true} type=”text” onChange={this.handleChange} placeholder={this.props.placeHolder} /> But the borders are not changing to red when focused (keep the default Chrome blue). How can I…

Details