fix: import issues

Author: davejsdev

.nvmrc

@@ -1 +1 @@
-v20.9.0
+v21.1.0

package.json

@@ -1,5 +1,5 @@
 {
-  "name": "resume.davejs.dev",
+  "name": "sample-react-ts",
   "private": true,
   "version": "0.0.0",
   "type": "module",

src/components/Awesome/Awesome.test.tsx

@@ -0,0 +1,14 @@
+import { render } from '@testing-library/react';
+import { Awesome, Props } from '.';
+
+const props: Props = {
+  // test props
+};
+
+describe('Awesome', () => {
+  it('renders without errors', () => {
+    const result = render(<Awesome {...props} />);
+
+    expect(result.container.outerHTML).toRenderValidHTML();
+  });
+});

src/components/Awesome/Awesome.tsx

@@ -0,0 +1,19 @@
+import { styled } from '@linaria/react';
+
+const StyledAwesome = styled.div`
+  /* styles */
+`;
+
+export type Props = {
+  // props
+};
+
+const Awesome = (props: Props) => {
+  return (
+    <StyledAwesome {...props}>
+      Here is you new Awesome component!
+    </StyledAwesome>
+  );
+};
+
+export default Awesome;

src/components/Awesome/index.ts

@@ -0,0 +1,2 @@
+export { default as Awesome } from './Awesome';
+export * from './Awesome';

src/components/Heading/Heading.test.tsx

@@ -1,5 +1,5 @@
 import { render } from '@testing-library/react';
-import { Heading } from './Heading';
+import { Heading } from '.';
 
 describe('Heading', () => {
   it('renders correct heading for level', () => {