No default export

See [Avoid Export Default](https://basarat.gitbook.io/typescript/main-1/defaultisbad)

Author: tkrotoff

examples/Password/App.test.e2e.ts

@@ -1,3 +1,4 @@
+// @ts-ignore
 jest.setTimeout(20000); // 20s
 
 function indent(text: string, indentation: string) {

examples/ReactNative/App.tsx

@@ -12,7 +12,7 @@ import {
 } from 'react-form-with-constraints-native';
 import { DisplayFields } from 'react-form-with-constraints-tools';
 
-import TextFixedWidth from './TextFixedWidth';
+import { TextFixedWidth } from './TextFixedWidth';
 
 function sleep(ms: number) {
   return new Promise(resolve => setTimeout(resolve, ms));

examples/ReactNative/TextFixedWidth.tsx

@@ -6,7 +6,7 @@ interface Props {
 }
 
 // See [React Native - how to set fixed width to individual characters (number, letter, etc)](https://stackoverflow.com/q/38933459)
-export default function TextFixedWidth({ children }: Props) {
+export function TextFixedWidth({ children }: Props) {
   const fontFamily = Platform.OS === 'ios' ? 'Courier' : 'monospace';
 
   return <Text style={{ fontFamily }}>{children}</Text>;

examples/ServerSideRendering/App.tsx

@@ -194,6 +194,6 @@ function Form() {
   );
 }
 
-export default function App() {
+export function App() {
   return <Form />;
 }

examples/ServerSideRendering/browser.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { hydrate } from 'react-dom';
 
-import App from './App';
+import { App } from './App';
 
 hydrate(<App />, document.getElementById('app'));

examples/ServerSideRendering/server.tsx

@@ -2,7 +2,7 @@ import express from 'express';
 import React from 'react';
 import { renderToString } from 'react-dom/server';
 
-import App from './App';
+import { App } from './App';
 import '../Password/style.css';
 
 const server = express();

examples/SignUp/App.tsx

@@ -13,8 +13,8 @@ import {
 import { DisplayFields } from 'react-form-with-constraints-tools';
 
 import './i18n';
-import Spinner from './Spinner';
-import Gender from './Gender';
+import { Loader } from './Loader';
+import { Gender } from './Gender';
 import './index.html';
 import './style.css';
 
@@ -30,7 +30,7 @@ async function checkUsernameAvailability(value: string) {
 
 // Async with a default React component for pending state
 function Async<T>({ promise, then, catch: _catch }: AsyncProps<T>) {
-  return <_Async promise={promise} pending={<Spinner />} then={then} catch={_catch} />;
+  return <_Async promise={promise} pending={<Loader />} then={then} catch={_catch} />;
 }
 
 const VALIDATE_DEBOUNCE_WAIT = 1000;

examples/SignUp/Gender.ts

@@ -3,9 +3,7 @@ Copy-pasted from WizardForm/Gender.ts
 Cannot use a symlink nor "import '../WizardForm/Gender'" because of CodeSandbox
 */
 
-enum Gender {
+export enum Gender {
   Male = 'male',
   Female = 'female'
 }
-
-export default Gender;

examples/SignUp/Spinner.tsx renamed to examples/SignUp/Loader.tsx

@@ -4,6 +4,6 @@ import './spinner.css';
 
 // See https://forums.meteor.com/t/any-recommendations-for-a-spinner-to-use-with-react-apps/22510/4
 // See https://github.com/lukehaas/css-loaders
-export default function Loader() {
+export function Loader() {
   return <div className="loader">Loading...</div>;
 }

examples/WizardForm/App.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
 
-import WizardForm from './WizardForm';
+import { WizardForm } from './WizardForm';
 
 import './index.html';
 import './style.css';